Реализовать функцию при наведение в пункты меню?

Question

[RushV]

Всех приветствую!
Сам хотел это всё реализовать, но видать не соображу как сделать по нормально.
Прошу помощи!
Есть структура навигации сделанный boostrap 5:

При клике на ссылку с классом "submenu-2", "submenu-6" и.т.п добавлялся в "dropdown-menu-custom" класс "show"

let subMenu = $('ul.navbar-main a[id^=submenu]').click(function(){
        $('.dropdown-menu').closest('.dropdown-menu-custom').addClass('show');
        
    });

Сейчас при клике добавляется на все меню с классом "dropdown-menu-custom".
Заранее благодарю за помощь!

Comments

[Дмитрий Кузнецов]

Так в чём проблема то?

[RushV]

Дмитрий Кузнецов, Проблема в том что надо сделать что бы добавлялся только к конкретному меню а не ко всем одновременно.

[Дмитрий Кузнецов]

RushV, так в чём проблема получить объект по которому было нажатие и присвоить ему нужный класс?

[RushV]

Дмитрий Кузнецов, присваиваться куда надо , только вот ко всем сразу
Раскрываются все меню сразу при нажатии на объект . Например если нажать на "Услуги " то вот

А надо например нажал на "услуги" открылось суб меню, топом например нажимаешь на "Видеонаблюдение" своё суб меню и.т.п

Answer 1

[v3shin]

$('ul.navbar-main a[id^="submenu"]').click(function(){
    $(this).closest('.dropdown-menu').find('> .dropdown-menu-custom').addClass('show');
});

И разберитесь, что делает строчка:

$('.dropdown-menu').closest('.dropdown-menu-custom').addClass('show');

Comments

[RushV]

Вопрос а можно ли такой функционал реализовать по средством css?

[v3shin]

RushV, можно, но не советую: это либо будет подменю при наведении курсора, либо вызывающий подозрения код.