Twitter-Bootstrap-3 Jumbotron - пользовательское взаимодействие для избавления от Jumbotron

Question

На своем веб-сайте Bootstrap я хотел бы, чтобы пользователи могли нажать на Jumbotron, чтобы она исчезла.Например, может быть нажатие стрелки, который щелкнул, на котором он удалит его со страницы.Есть ли в любом случае, это может быть реализовано через JavaScript?

Спасибо, Майкл.

Answer 1

Вот пример.Вы всегда можете использовать функцию jQuery Happle, чтобы скрыть дивер, который является то, что заканчивается 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

Можете ли вы просто скрыть Jumbotron

document.getelementbyId ('. Jumbotron'). style.display= 'none';

или jQuery $ ('. Jumbotron'). Скрыть ()?