html - 垂直侧面菜单的折叠不起作用

Question

该页面有一个垂直的侧边菜单。当页面最大化时它工作正常。当最小化时，我希望它在点击切换图标时显示/隐藏，但没有任何反应。菜单在我的案例中没有显示。

(但在 fiddle 中，它会闪烁)。

我哪里错了。

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>

Answer 1

替换这个:

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

由此:

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

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