Постараюсь вкратце описать суть проблемы: У меня есть мобильное меню, подключенное с помощью плагина SlickNav.
Мне нужно в этом меню создать ещё одно выпадающее меню с произвольным названием. Вот мой код:
var combinedMenu = $('.super-menu').clone(); //Это основное меню, которое я инициализирую
var secondMenu = $('.side-category-left:first-child .box-category ul').clone(); //Это пункты меню, которые мне нужно добавить в созданное мною меню с названием "Каталог"
var combmenu = $(combinedMenu.append('<li>Каталог<ul></ul></li>')); //Создаю пункт меню в переменной с названием "Каталог" и вложенным списком ul, в который хочу добавить li из переменной secondMenu
secondMenu.children('li').appendTo(combmenu); //Пытаюсь добавить дочерные элементы в созданное меню "Каталог"
combinedMenu.slicknav({
duplicate: false,
label: ''
});
Проблема в том, что элементы вставляются после моего меню. Как мне вставить secondMenu.children('li')
в ul
переменной combmenu ?
Очень нужна помощь. Заранее спасибо.