How to Open The Drop Down Menu Using Mouse Over Instead of Mouse Click Event
Platform Notice: Data Center - This article applies to Atlassian products on the Data Center platform.
Note that this knowledge base article was created for the Data Center version of the product. Data Center knowledge base articles 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:
- Access Confluence Administration Page
- Navigate to Custom HTML
Insert the following string to "At end of the HEAD" fields
<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>- Save
Note : This above script is not applicable for Confluence running higher than v6.14 hence use the below script for higher versions:
<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