jquery slicknav展开装载

Question

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

Jsfiddle.net/墨西哥比尔/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/

Update -编写了一个小循环，用id重命名主li项：

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/