Twitter-Bootstrap-3 Jumbotron - Jumbotron을 제거하는 사용자 상호 작용

Question

My Bootstrap 웹 사이트에서는 사용자가 jumbotron을 클릭하여 사라지게 할 수 있도록합니다.예를 들어 페이지에서 제거 할 화살표 글리프가있을 수 있습니다.어쨌든 이것은 자바 스크립트를 통해 구현 될 수 있습니까?

감사합니다, 마이클.

Answer 1

다음은 예제입니다.JQUERERY 숨기기 기능을 사용하여 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). 숨기기 ()?