Twitter-bootstrap-3 jumbotron - 用户交互以摆脱jumbotron

Question

在我的Bootstrap网站上，我希望用户能够单击jumbotron以使其消失。例如，可能有一个箭头字形，即点击，它将从页面中删除它。无论如何，这可以通过JavaScript来实现吗？

谢谢，迈克尔。

Answer 1

这里是一个例子。您可以随时使用jQuery隐藏功能隐藏jumbotron最终存在的div。

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'）。hide（）？