Content area hover instead of click - dropdown remain active

[coloffdigital]

I discovered this solution for my site, however, the dropdown menu does not stay active during the interaction. Once my mouse enters the dropdown menu it disappears. Can you help with revising the code provided in this answer to ensure that the dropdown menu stays active during the interaction?

Content area dropdown hover instead of click functionality

Hi Omar, This is possible with a bit of customization. First, add a class to the Content Area Dropdown. [image] [image] Then add this code to the Global JS: [image] (function($){ $(".toggle-on-hover").on({ mouseenter: function () { $(this).trigger('click'); }, mouseleave: function () { $(this).trigger('click'); } }); })(jQuery); The code above assumes that the class you have added to the element is toggle-on-hover. Kindly note that since this is a …

[friech]

Hi @coloffdigital,

Thank you for writing in, you have a lot of sites associated with your account. Would you mind providing us the site URL so we can take a closer look? In the meantime, try removing the second block (mouseleave function) on the given code.

,
    mouseleave: function () {
        $(this).trigger('click');
    }

I advise that you keep the native on click instead of on hover to avoid conflicts, unless you know what you’re doing.

Thanks,