Metronic/Bootstrap：如何總是在左側導航欄中展開子項目？

Question

我想HABE左側導航欄子項總是擴大，在這裏看到：

http://i.imgur.com/lScAPXf.png

但是，即使當我點擊箭頭，只有一個項目在時間擴大。點擊不同的箭頭時，打開的項目關閉。由於我的菜單很小/光滑，我認爲總是擴展所有子項目更好... 非常感謝！

---

編輯： 原邊欄的代碼如下所示：

<!-- BEGIN SIDEBAR --> 
<div class="page-sidebar-wrapper"> 
    <div class="page-sidebar navbar-collapse collapse"> 
     <!-- BEGIN SIDEBAR MENU --> 
     <ul class="page-sidebar-menu"> 
      <li class="sidebar-toggler-wrapper"> 
       <!-- BEGIN SIDEBAR TOGGLER BUTTON --> 
       <div class="sidebar-toggler hidden-phone"> 
       </div> 
       <!-- BEGIN SIDEBAR TOGGLER BUTTON --> 
      </li> 


      <li class="start "> 
       <a href="index.php"> 
        <i class="fa fa-home"></i> 
        <span class="title"> 
         Startseite 
        </span> 
       </a> 
      </li> 

我曾試圖刪除類「導航欄，垮垮」，但這並沒有幫助...

編輯：我做了大量的研究，似乎有某種CSS類「永遠打開」的子項元素，但我無法得到它的工作。當谷歌搜索metronic "always-open"你發現在模板論壇keenthemes的兩個職位，但我不能讓這兩個建議的工作...... :(

Answer 1

要自己回答：經過大量的研究，它的工作原理是這樣的（使用LI-公開課，箭頭開和常開）：

<li class="open"> 
    <a href="javascript:;"> 
    <i class="fa fa-cogs"></i> 
    <span class="title"> 
    Menu Item 
    </span> 
    <span class="arrow open"> 
    </span> 
    </a> 
    <ul class="sub-menu always-open" style="display:block !important;"> 
     <li> 
      <a href="test.html"> 
      Sub Menu Item 
      </a> 
     </li> 
    </ul> 
</li>