bootstrap導航欄切換？

Question

下面是我的導航欄代碼。有人可以幫助我激活切換按鈕。它不會響應點擊。我只是希望它切換sidebar包裝的內容。我希望它是完全可見的，一旦我點擊按鈕它應該消失，並且一旦我再次點擊切換按鈕就應該回來。我對此很新穎。任何幫助表示讚賞。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav"> 
        <li><button class="navbar-toggle collapse in" data-toggle="collapse" id="menu-toggle-2" style="border:none;"><span class="fa-stack"> <i class="fa fa-bars fa-stack-2x "></i></span></button></li> 
       </ul> 
       <div style="text-align: center; font-size: 20px; padding-top: 7px;"> 
        <a href="http://sunlightfoundation.com/" target="_blank"><img src="images/logo.png"></a> 
        <p style="display: inline"><b>Congress API</b></p> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-2" style="background-color: black"> 
      <div id="sidebar-wrapper"> 
       <ul class="sidebar-nav nav-stacked" id="menu"> 
        <li class="active" onclick="showMainDivision('legislate','bills','committees','favourites')"> 
         <a ng-click="getLegislators()"><span class="fa-stack fa-lg pull-left"><i class="fa fa-user fa-stack-1x "></i></span>Legislators</a> 
        </li> 
        <li onclick="showMainDivision('bills','legislate','committees','favourites')"> 
         <a ng-click="getActiveBill()"> <span class="fa-stack fa-lg pull-left"><i class="fa fa-file-o fa-stack-1x "></i></span>Bills</a> 
        </li> 
        <li onclick="showMainDivision('committees','bills','legislate','favourites')"> 
         <a ng-click="getCommittees()"><span class="fa-stack fa-lg pull-left"><i class="fa fa-sign-in fa-stack-1x "></i></span>Committees</a> 
        </li> 
        <li onclick="showMainDivision('favourites','committees','bills','legislate');"> 
         <a ng-click="getFavourites()" id="fav_load"><span class="fa-stack fa-lg pull-left"><i class="fa fa-star-o fa-stack-1x "></i></span>Favourites</a> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

function toggleDIV(DIV) 
{ 
    if(document.getElementById(DIV).style.display=="none") 
    { 
     document.getElementById(DIV).style.display="block" 
    } 
    else 
    { 
     document.getElementById(DIV).style.display="none" 
    } 
} 

// use it like: 
// onClick="toggleDIV('myDivName')";