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 товары с идентификатором:

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

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

Тогда на рассматриваемое меню можно указать его идентификатор:

$('#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/