jquery - mouseenter same item on mouseleave -

i have edited script act need it..

i need #currentitem mouseenter on page load, mouseleave when item triggers mouseenter (so not overlap).

i have problem works intended. apart when mouseleave #currentitem need dropdown stay visible. time not visible (or mouseenter) when mouseenter other menu items.

i have created jsfiddle current item 'about us' menu:

http://jsfiddle.net/qfs84/2/

$(document).ready(function(){ $("#currentitem a").trigger('mouseenter'); }); $(".submenu").mouseenter(function(){   $("#currentitem").trigger('mouseleave'); }); $(".submenu").mouseleave(function(){    $("#currentitem a").trigger('mouseenter'); }); 

any appreciated.

i've made progress on issue helps little.

http://jsfiddle.net/z2zmz/5/

$('#currentitem').mouseout(function(){     $("#currentitem > a").trigger('mouseenter'); }) 

this biggest problem looking events happened on element class .submenu element listening didn't have class .submenu.