Bootstrap折叠目标子元素

Question

我想使用Bootstrap折叠功能，但它应该只折叠下一个子菜单“.menu-lvl2”。使用ID是不可能的，菜单是生成代码。

这是当前代码，但点击它会打开并关闭两个子菜单。所以href需要一个子选择器。我已经尝试过了：

• .menu-lvl2:first-element：JS错误，不支持first-element
• .menu-lvl2:first：始终在页面上选择第一项
• >.menu-lvl2，this>.menu-lvl2：根本没有选择

应该是：this>.menu-lvl2

<li>
    <a href=".menu-lvl2" data-toggle="collapse">Menu Element 1</a>
       <ul class="collapse menu-lvl2">
           <li><a href="#">Item</a></li>
           <li><a href="#">Item</a></li>
       </ul>
</li>
<li>
   <a href=".menu-lvl2" data-toggle="collapse">Menu Element 2</a>
      <ul class="collapse menu-lvl2">
          <li><a href="#">Item</a></li>
          <li><a href="#">Item</a></li>
      </ul>
</li>