javascript - SlickNav jQuery 插件——只有一个打开的菜单

Question

我想用这个插件实现 Accordion 效果。默认情况下，它用作切换。当我点击另一个一级菜单时，我需要折叠打开的菜单。

我的结构是:

• 一级 anchor

• 一级 anchor

  • 二级 anchor
    • 三级 anchor
    • 三级 anchor
    • 三级 anchor
  • 二级 anchor

• 一级 anchor

• 一级 anchor

当我点击另一个子菜单时，我需要关闭所有打开的一级子菜单。有人可以帮我吗？

非常感谢。

我正在使用这个插件 - https://raw.github.com/ComputerWolf/SlickNav/master/jquery.slicknav.js

http://slicknav.com/

Answer 1

这似乎可以工作

$('#menu').slicknav({
    'open': function(trigger){
        var that = trigger.parent().children('ul');
        $('.slicknav_menu ul li.slicknav_open ul').each(function(){
            if($(this).get( 0 ) != that.get( 0 )){
                $(this).slideUp().addClass('slicknav_hidden');
                $(this).parent().removeClass('slicknav_open').addClass('slicknav_collapsed');
            }
        })
    }, 
});