twitter引导手风琴效果不适用于菜单

Question

我有带有子菜单的父菜单，但手风琴效果不适用于菜单。(如果第二个菜单链接单击，第一个菜单将自动关闭)

我在柱塞中创建了代码，

http://plnkr.co/edit/yCO19F8f29tipZoM5uII?p=preview

视图

<div id="sidebar-wrapper"> 
    <ul class="panel sidebar-nav" ng-repeat="item in model | orderBy:'sortOrder'">
    <li>
    <a class="dropdown-toggle mainMenu menuArrow" href="javascript:void(0)" >{{item.description}}
     <i class="sub_icon fa fa-lg fa-fw {item.iconTarget}}"></i>
   </a>
   <ul class="submenu" style="display: none;">
     <li ng-repeat="subitem in item.children">
        <a href="#{{subitem.target}}" class="subTitle"> {{subitem.description}} </a>
      </li>
   </ul>
  </li>
 </ul>
</div>

Answer 1

回来，(经过一天的辛苦.)作为承诺：

• 比ng-Class更好(就像我前面说的那样)，我建议角UI (Twitter Bootstrap在AngularJS中原生编写)。
• 接下来，我让您应用自己的css并在文件中移动js。

Answer 2

最后，它工作得很好，只需一点零钱，

<div id="sidebar-wrapper">
    <div id="accordion">
      <ul class="panel sidebar-nav" ng-repeat="item in model | orderBy:'sortOrder'" id="sidebar{{$index}}">
        <li>
          <a href="javascript:void(0)" class="mainMenu menuArrow collapsed" data-toggle="collapse" data-parent="#accordion" data-target="#child{{$index}}" ng-click="model.selected = item">{{item.description}}
             <i class="sub_icon fa fa-lg fa-fw {{item.iconTarget}}"></i>
          </a>
        </li>
        <li id="child{{$index}}" data-menu-title="{{item.description}}" ng-class="{'collapse':true}">
          <ul>
            <li ng-repeat="subitem in item.children">
             <a href="#{{subitem.target}}" class="subTitle"> {{subitem.description}} </a>
            </li>
          </ul>
        </li>
     </ul>
    </div>
</div>