Implement hover function on menu items?

Question

JavaScript

I welcome everyone!
I myself wanted to implement all this, but I can’t see how to do it normally.
Please help!
There is a navigation structure made by boostrap 5:

When clicking on a link with the class "submenu-2", "submenu-6", etc., the "show" class was added to the "dropdown-menu-custom"

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

Now, when clicked, it is added to all menus with the "dropdown-menu-custom" class.
Thank you in advance for your help!

Answer 1

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

And figure out what the line does:

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