javascript - mmenu:一次只展开一个子菜单(slidingSubmenus:false)

Question

我喜欢使用 mmenu:http://mmenu.frebsite.nl/在我的网络项目中。我应该设置 slidingSubmenus: false 但为了节省垂直空间，我应该自动折叠之前展开的子菜单，如果展开了一个新的子菜单——即当时只展开一个子菜单。这些都是客户的要求。

请看这个例子:http://plnkr.co/edit/O2CCBYuXtxnHH7wbdqMa?p=preview [1]

如果我们展开关于我们，然后是关于我们 2，第一个应该折叠起来。

这是否可以使用 native 设置或使用简单的技巧？
我还找到了How to toggle the vertical jQuery.mmenu submenus? ，但我希望有一个更清洁的解决方案
- 巴德拉

[1]感谢 ankoehn ( https://stackoverflow.com/users/5174279/ankoehn ) 的回答 https://stackoverflow.com/a/31727879/4106030 (这是我的 plunker 的基础——我还需要一个 AngularJS 的解决方案)。

Answer 1

此修正案允许在任何级别一次只打开一个子菜单。

$('.mm-next').click(function(){
  var myMenu = $(this).closest('.mm-vertical');
  myMenu.parent().children('.mm-vertical').not(myMenu).removeClass('mm-opened');
})

http://plnkr.co/edit/axlVAHBb38boNMoqxJ1D?p=preview(我的第一个 plnkr 和 SO 回答，希望它有效:)