Здравствуйте!
Есть горизонтальное меню с выпадающим списком. При наведении на пункт меню открывается выпадающий список. Но сейчас при наведении открываются списки под другими пунктами меню в том числе. Я думаю, что текущий пункт меню надо выбирать через this, но как правильно это написать? Как сделать на jquery чтобы открывался список только для пункта меню на который наведен курсор?
На CSS я не стал делать реализацию, так как у меня для устройств с разрешением меньше или равно 800px выпадающий список открывается по клику. Если есть идеи как сделать все это только на CSS, буду рад выслушать!
Текущий фрагмент кода:
$(document).ready(function () {
let n = 800;
if (window.innerWidth > n) {
$('.mainmenu__item').hover(function () {
$('.mainmenu__dropdown').toggleClass('show');
});
}
});
