How to Open The Drop Down Menu Using Mouse Over Instead of Mouse Click Event

Platform Notice: Data Center Only - This article only applies to Atlassian products on the Data Center platform.

Note that this KB was created for the Data Center version of the product. Data Center KBs for non-Data-Center-specific features may also work for Server versions of the product, however they have not been tested. Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.

*Except Fisheye and Crucible

This is not applicable in Confluence Administration page

If you wish to trigger the drop down menu without clicking it, you could do so by trying the following steps:

  1. Access Confluence Administration Page

  2. Navigate to Custom HTML

  3. Insert the following string to "At end of the HEAD" fields

    1 2 3 4 5 6 7 8 9 10 11 12 13 <script> AJS.toInit(function(){ AJS.$('.ajs-menu-bar > li.ajs-menu-item').hover( function(){ AJS.$(this).children('a')[0].click(); }, function(){ AJS.$(this).children('a')[0].click(); AJS.$(this).removeClass('hover'); } ); }); </script>
  4. Save

Note : This above script is not applicable for Confluence running higher than v6.14 hence use the below script for higher versions:

1 2 3 4 5 6 7 8 9 10 11 12 <script> AJS.toInit(function(){ AJS.$('.aui-header-primary > .aui-nav > li:first, .aui-header-secondary > .aui-nav > li:nth-child(2), .aui-header-secondary > .aui-nav > li:nth-child(3), .aui-header-secondary > .aui-nav > li:nth-child(5)').hover( function(){ AJS.$(this).children('.aui-dropdown2-trigger')[0].click(); }, function(){ AJS.$(this).children('.aui-dropdown2-trigger')[0].click(); } ); }); </script>

Source : Answers thread Answered by David Simpson

Updated on April 8, 2025

Still need help?

The Atlassian Community is here for you.