切換字體真棒圖像太

-1

<div id="sidebar-wrapper"> 
    <ul class="sidebar-nav nav-pills 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()"><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 class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav"> 
     <li class="active"> 
      <button class="navbar-toggle collapse in" data-toggle="collapse" id="menu-toggle-2"> <span class="fa-stack"> <i class="fa fa-bars fa-stack-2x "></i></span></button> 
     </li> 
    </ul> 
</div>

點擊按鈕我有以下的javascript函數： -

$("#menu-toggle-2").click(function(e) { 
    e.preventDefault(); 
    $("#wrapper").toggleClass("toggled-2"); 
    $('#menu ul').hide(); 
});

事情是切換正常工作，但切換隻是隱藏李項目字體真棒圖像下我標籤仍然可見。我希望他們和他們各自的鋰項目一起走，他們應該回到什麼時候回來。我對此很新，任何幫助表示讚賞。

來源

2016-11-04 Anirban

你能提供一個你的代碼的工作演示嗎？我沒有在'＃menu'元素下看到'ul'。 '＃menu'元素已經是'ul'了，對吧？ – DontVoteMeDown

所以你隱藏UL和後裔仍然可見？也不知道這個選擇器是如何隱藏的。 – epascarello

是的，ul有id菜單，ya隱藏了UL但不是其後代。 – Anirban

沒有元素id="wrapper" 另外，我會嘗試隱藏菜單，在菜單下沒有ul，它是相同的級別。 $('#menu').hide();

來源

2016-11-04 18:24:25 Aaron

您正在使用引導崩潰走錯了路，你應該依靠其內建的摺疊功能利用這個裁判： http://getbootstrap.com/javascript/#collapse

等等，總之，你不需要寫任何JS自己，只是改變如下：

<button class="navbar-toggle collapse in" data-toggle="collapse" id="menu-toggle-2" href="#sidebar-wrapper" aria-expanded="false" aria-controls="sidebar-wrapper">> <span class="fa-stack"> <i class="fa fa-bars fa-stack-2x "></i></span></button>

和

<div id="sidebar-wrapper" class="collapse">

我推測你想隱藏整個側邊欄包裝，如果情況並非如此，那麼只適用於

來源

2016-11-04 18:34:45

切換字體真棒圖像太

回答

相關問題