Я работаю над настраиваемой функцией выпадающего меню в WordPress уже много часов, и я просто не могу понять это.
Я использовал эту функцию , чтобы создать свой собственныйвыпадающее меню.Вот что я получил до сих пор: https://jsfiddle.net/uqsz7f4k/1/
let menuLink = $('a.menu__link');
menuLink.hover(function(){
let mainMenu = ('ul.menu__level[data-menu="main"]');
let menuTrace = $(this).data('trace');
let subMenuId = $(this).data('submenu');
let subMenu = $('ul.menu__level[data-menu="' + subMenuId + '"]');
$('ul.menu__level[data-trace][data-trace!="' + menuTrace + '"]').hide();
subMenu.fadeIn();
});
Как вы можете видеть, я пытался создать «трассировку» (data-trace) для подменю и родительских ссылок, чтобы получитьфункция наведения (jQuery) для запоминания предыдущего уровня, чтобы он закрывал все уровни, кроме основного и соответствующих подуровней.Но я бы предпочел просто использовать простой CSS, чтобы получить желаемый результат без необходимости выполнять эту трассировку.
И я также хотел бы, чтобы подменю не исчезали при перемещении мыши от родительской ссылки кданное подменю.
Это лучший способ сделать то, что я хочу?Я не могу использовать position: absolute в подменю, потому что это нарушает мой макет, поэтому мне нужно использовать float.
Если нет лучшего способа, знаете ли вы, как я могу изменить приведенную выше пользовательскую функцию wp_nav, чтобывывести атрибут data-trace = "" в подменю и родительские ссылки с родительским элементом верхнего уровня?
Последний результат, которого я хотел бы достичь, - это раскрывающийся список Komplett.no когда вы нажимаете "Все продукты" / "Все продукты"
Надеюсь, я объяснил прилично и что вы можете мне помочь:)
С уважением