Twitter-bootstrap-3 Jumbotron - Interazione utente per sbarazzarsi di Jumbotron

Question

Nel mio sito Web Bootstrap vorrei che gli utenti siano in grado di fare clic su un Jumbotron per farlo scomparire.Ad esempio, potrebbe esserci un glifo freccia che viene cliccato su cui lo rimuoverà dalla pagina.C'è comunque che questo potrebbe essere implementato tramite JavaScript?

Grazie, Michael.

Answer 1

Ecco un esempio.Puoi sempre usare la funzione JQuery Hide per nascondere un div che è ciò che il jumbotron finisce per essere.

http://www.boo55.com/jo6xctmf55

HTML:

  <div id="jmbTrn" class="jumbotron">
    <h1>Hello, world!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
  </div>

.

JQuery:

$(document).ready(function(){
  $("#jmbTrn").click(function(e){
    $(this).hide();
  });
});

.

Answer 2

puoi semplicemente nascondere il jumbotron

document.getelementbyID ('. Jumbotron'). Style.display= 'None';

o jquery $ ('. jumbotron'). Nascondi ()?