Блог

У меня есть выпадающее меню, которое было наведено на выпадающее меню. Я изменил наведенную часть css на активную и изменил наведение на щелчок в скрипте.

 $(document).ready(function () {
    $('header li.full-width').click(function () {
        $('.site-content').addClass('overlay');

    });

    // Reveal/Hide Mobile sub menus.
    $('body .main-navigation ul.menu > li.menu-item-has-children > .caret').on('click', function (e) {
        $(this).closest('li').toggleClass('dropdown-open');
        e.preventDefault();
    });
});
 

Мне удалось получить функцию открытия по щелчку, но она остается открытой только при нажатии клавиши мыши. Как только я нажимаю кнопку мыши, меню закрывается.

Как я могу заставить его оставаться открытым при щелчке и закрываться только при повторном нажатии.