Мне нужно сделать выпадающее меню. Проблема в том, что структура HTML заставляет меня использовать jQuery, а не CSS с опциями fadeIN и fadeOut. В главном меню я получил такие опции, как Категория блога и О себе. Проблема в том, что подменю добавлено позже кем-то, и я не могу изменить его (так как я не могу изменить HTML). Мне нужно сделать подменю, чтобы оно отображалось ТОЛЬКО при наведении курсора на категорию, но когда я использую mouseenter и mouseleave на Categoryc, оно исчезнет, пока мне не удастся щелкнуть sth в подменю. Как сделать условие (возможно, если, если?), Чтобы подменю оставалось на месте, когда мышь перемещается из категории, но все еще находится в div с подменю?
subMenu: function () {
//
console.log('subMenu')
//
$("#mainNav > ul > li:nth-child(2)").mouseenter(function(){
$(".category-menu").fadeIn();
})
$("#mainNav > ul > li:nth-child(2)").mouseleave(function(){
$(".category-menu").fadeOut();
})
},
это мой код, это отстой, я знаю, но я попробовал несколько решений, и я не могу понять это. Может ли кто-нибудь помочь мне с корректировкой кода
По сути, моя проблема в том, что подменю не является частью главной навигации, и мне запрещено изменять его в html.