Я создаю меню навигации с вкладками и выпадающим меню. Я использовал скрипт, который позволяет мне держать раскрывающееся меню открытым, если вы щелкнете внутри раскрывающегося списка, но как только вы нажмете снаружи, оно закроется. Мне нужно, чтобы он оставался открытым для моего вложенного меню, которое представляет собой выпадающее меню с вкладками внутри. Мне нужно, чтобы вкладки были переключаемыми, поэтому я держу раскрывающийся список.
Моя проблема в том, что, поскольку он остается открытым, когда я переключаюсь между опциями выпадающего меню, тот с вкладками остается открытым, и они перекрываются. Может ли кто-нибудь помочь мне с перекрытием, пожалуйста? Мои коды ниже.
Спасибо !!!
//keeps it open
$('li.dropdown.mega-dropdown a').on('click', function (event) {
$(this).parent().toggleClass('open');
});
//closes when you click the body
$('body').on('click', function (e) {
if (!$('li.dropdown.mega-dropdown').is(e.target)
&& $('li.dropdown.mega-dropdown').has(e.target).length === 0
&& $('.open').has(e.target).length === 0
) {
$('li.dropdown.mega-dropdown').removeClass('open');
}
});
