引導摺疊隱藏的onClick

Question

freedomcore.com/saverplaces.co.uk/NEW/

在上述網站時，點擊這個鏈接憑證的條款&條件或更多信息略低於獲取憑證按鈕。你會看到一個div下面的內容。

我希望它這樣，如果你點擊條款&條件然後去點擊這個憑證更多信息，它會隱藏「條款&條件」的內容，這樣既不會在同一時間顯示。

我的JavaScript是不是最好的，這是我想出了，但它不工作：

我此憑證鏈接該類捉迷藏方面-1然後我有更多的信息這jQuery代碼：

$(document).ready(function(){ 
    $(".hide-terms-1").click(function(){ 
    $("#voucher-terms-1").hide(); 
    }); 
}); 

這似乎是工作的一種，但一旦它是點擊你不能再次打開它備份。

Answer 1

HTML：

<div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <a class="btn btn-navbar menubutton" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="menu">Menu</span> 
      </a> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-search"><img src="images/search_03.png">Search</a> 

      <div class="nav-collapse collapse"> 
      <ul class="nav"> 
       <li><a href="#">About Us</a></li> 
       <li><a href="#">Research &amp; Innovation</a></li> 
       <li><a href="#">Our Products</a></li> 
       <li><a href="#">Responsibility</a></li> 
       <li class="subnav"><a href="#" >Careers</a></li> 
       <li class="subnav"><a href="#" >Newsroom</a></li> 
       <li class="subnav"><a href="#" >Contact Us</a></li> 
       <li class="navfoot">This is a mobile version of our website<br/> 
       <a href="#">View full site</a></li> 
      </ul> 
      </div><!--/.nav-collapse --> 
      <div class="nav-search collapse"> 
       <div class="search_box"> 
       <form action="" method="post"> 
        <input type="text" value="Enter Search"><a href="#">Search</a> 
       </form> 
       </div><!-- end search_box --> 
      </div><!--/.nav-search --> 
     </div> 
     </div> 
    </div> 

JS：

$('.container a').click(function(){ 
    var $target = $($(this).data('target')); 
    if(!$target.hasClass('in')) 
     $('.container .in').removeClass('in').height(0); 
}); 

http://jsfiddle.net/gNUEx/

http://jsfiddle.net/mmfansler/fzbsp/

Answer 2

讓我們試試這樣：

$(document).ready(function(){ 
    $(".hide-terms-1").click(function(){ 
    $("#voucher-terms-1").collapse('hide'); 
    }); 
}); 

Answer 3

這是好得多，我認爲

$(".navbar").find("[data-toggle=collapse]").click(function(e){ 

    e.preventDefault();e.stopPropagation(); 
    $(".navbar").find(".collapse.in").collapse("hide"); 
    $($(this).attr("data-target")).collapse("show"); 

});