jquery slicknav unroll onload

Question

我正在为项目使用 slicknav jquery 移动菜单。在初始页面加载时，所有 3 个菜单都会汇总。我希望展开第二个菜单项，默认情况下将菜单项 1 和 3 卷起。我假设我需要 fiddle 和 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/