jquery - jquery slicknav展开加载

Question

我正在为一个项目使用 slicknav jquery 移动菜单。在初始页面加载时，所有 3 个菜单都被卷起。我希望展开第二个菜单项，并且默认情况下将菜单项 1 和 3 卷起。我想我需要摆弄 jquery，但我还不能让它工作。我把它放在 jsfiddle 上，这样你就可以看到我正在尝试做的事情的基础知识。

jsfiddle.net/MexicaliBill/u0h38erd/14/

有任何想法吗？谢谢，

账单

Answer 1

看起来这样有效：

$('.slicknav_collapsed').eq(1).removeClass('slicknav_collapsed').addClass('slicknav_open').find($('.slicknav_open ul')).eq(0).removeAttr('class').slideDown().attr('aria-hidden', 'false');

http://jsfiddle.net/u0h38erd/29/

更新 - 编写了一个小循环来重命名li带有 id 的主要项目：

var relevant = $('ul').eq(0).children($('li.slicknav_parent'));

$.each(relevant, function(key) {
$(this).attr('id', 'menu' + (key+1));
});

然后可以使用它的 id 来定位有问题的菜单：

$('#menu2').removeClass('slicknav_collapsed').addClass('slicknav_open').find($('.slicknav_open ul')).eq(0).removeAttr('class').slideDown().attr('aria-hidden', 'false');

http://jsfiddle.net/u0h38erd/39/