我有下面的代码，我试图显示一个可折叠的菜单，其中的项目我调用AngularJS：

<div class="btn-group" role="group">
    <button type="button" class="btn navbar-toggle collapsed" data-toggle="collapse" data-target="#SearchMenu" aria-expanded="false">
        <i class="glyphicon glyphicon-th-list"></i>
        <i class="glyphicon glyphicon-chevron-down"></i>
        Search Menu
    </button>
</div>

<div class="collapse navbar-collapse" id="SearchMenu">
    <div class="row">
        <div class="col-md-10">
            <ul class="nav navbar-nav">
                <li class="dropdown" ng-repeat="menuDetail in menu.data" >
                    <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{menuDetail.item.displayName}}<span ng-if="menuDetail.submenu" class="caret"></span></a>
                    <ul class="dropdown-menu" ng-if="menuDetail.submenu">
                        <li ng-repeat="submenu in menuDetail.submenu"><a href="">{{submenu.displayName}}</a></li>
                    </ul>
                </li>
                <li>
                    <a href="" class="icon-menu-padding" data-toggle="tooltip" data-placement="bottom" title="Configurations">
                        <span class="glyphicon glyphicon-cog"></span><span class="hidden-md hidden-sm"> Config</span>
                    </a>
                </li>
                <li>
                     <a href="" class="icon-menu-padding" data-toggle="tooltip" data-placement="bottom" title="Help">
                        <span class="glyphicon glyphicon-question-sign"></span><span class="hidden-md hidden-sm"> Help</span>
                     </a>
                </li>
                <li>
                     <a href="#/" class="icon-menu-padding" data-toggle="tooltip" data-placement="bottom" title="Logout">
                        <span class="glyphicon glyphicon-log-out"></span><span class="hidden-md hidden-sm"> Logout</span>
                     </a>
                </li>
            </ul>
        </div>
    </div>
</div>

当运行时不能连接到服务器检索菜单项，它的工作正常（显示和隐藏正确，即使没有大多数选项）。但当运行它在服务器和调试与F12在chrome和IE，显示菜单后，是不能再次折叠。
当我点击按钮以再次隐藏菜单时，Chrome开发者工具会指示它发生了变化（见第一张图），但过了一会儿，它又回到了原来的样子（见第二张图），所以我无法再次隐藏菜单。
The moment when a click is made to the button to hide the menu
After an instant goes back automatically
有什么想法或建议吗？
谢谢你！