Twitter-Bootstrap-3 Jumbotron - Interacción del usuario para deshacerse de Jumbotron

Question

En mi sitio web de Bootstrap, me gustaría que los usuarios puedan hacer clic en un Jumbotron para que desaparezca.Por ejemplo, podría haber un glifo de flecha que se hace clic en el que lo eliminaría de la página.¿Hay alguna otra vez que esto podría implementarse a través de JavaScript?

Gracias, Michael.

Answer 1

Aquí hay un ejemplo.Siempre puede usar la función de Ocultar JQuery para ocultar un DIV, que es lo que termina el Jumbotron.

http://www.bootply.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

¿Puedes simplemente ocultar el jumbotron

document.getelementbyid ('. Jumbotron'). Style.display= 'Ninguno';

o jQuery $ ('. Jumbotron'). Ocultar ()?