Twitter-Bootstrap-3 Jumbotron – Interação do usuário para se livrar do jumbotron

Question

No meu site de bootstrap, gostaria que os usuários pudessem clicar em um jumbotron para fazê-lo desaparecer.Por exemplo, pode haver um glifo de seta clicado que o removeria da página.Existe alguma maneira de implementar isso através de javascript?

Obrigado, Michael.

Answer 1

Aqui está um exemplo.Você sempre pode usar a função Jquery Hide para ocultar um div que é o que o Jumbotron acaba sendo.

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

Você pode apenas esconder o jumbotron

document.getelement ('. Jumbotron'). Estilo.Display= 'Nenhum';

ou jquery $ ('. Jumbotron'). Ocultar ()?