2014-10-17 94 views
0

页面有垂直侧边菜单。它在页面最大化时工作正常。当最小化时,我希望它显示/隐藏点击切换图标,但没有任何反应。菜单只是不显示在我的情况。垂直侧面菜单的折叠不起作用

(但是在小提琴中,它闪烁着)。

我在哪里出错了。

http://jsfiddle.net/rk74g6w0/

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container-fluid navbar-container"> 
    <div class="navbar-header"> <a class="navbar-brand" href="#">DS-Menu</a> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" 
     data-target=".sidebar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    </div> 
    </div> 
</div> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-lg-2"> 
      <div class="sidebar-collapse collapse col-sm-3 col-md-2 
       sidebar navbar-default navbar-static-side"> 
       <ul id="menu" class="nav nav-sidebar sidebar-collapse in"> 
        <li class="active mainmenu"><a href="#">Menu 0 <span 
         class="glyphicon arrow"></span></a> 

         <ul class="submenu"> 
          <li><a href="#">item 0.1</a> 

          </li> 
          <li><a href="#">item 0.2</a> 

          </li>         
         </ul> 
        </li>       
       </ul> 
      </div> 
     </div> 
     <div class="col-lg-10"></div> 
    </div> 
</div> 
+0

对我的图标工作......一定要在时钟上e图标,而不是从jsfiddle的“结果”广场 – Kursion 2014-10-17 09:06:53

+0

它工作正常 – 2014-10-17 09:08:04

+0

抱歉,不正确的链接。更新它,请立即检查。 – Qwerty 2014-10-17 09:12:22

回答

1

替换此:

<ul id="menu" class="nav nav-sidebar sidebar-collapse in"> 

通过这样的:

<ul id="menu" class="nav nav-sidebar"> 

的jsfiddle:http://jsfiddle.net/rk74g6w0/1/

+0

非常感谢 – Qwerty 2014-10-17 09:29:53