hover - css and Jquery show hide sticky submenu -

I have a navigation with a horizontal sub-nav that should be sticky on the hair pages.

I have all those who work with CSS, but the problem is that I need sticky ul when I have any other parent li But I can hover and hide when I do not swirl back to the sticky. I think jQuery is the only solution for this.

Even so far away from me:

  & lt; Style type = "text / css" & gt; . Current-menu-parent ul {display: block! Important; Status: full vital ;! } # Primary-NAL Lee: Hover UL {display: inline; Status: Completed; } #PrimaryNalLegi UL {display: none; } & Lt; / Style & lt; Script src = "http://code.jquery.com/jquery-latest.min.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; $ (Document) .ready (function () {$ ("# primary-nav ul li"). Mouseover (function () {$ ('current-menu-parent ul'). Hide ();}) $ ( "#Primary-NAL Lee"). Mouseout (function () {$ ("current menu-origin ul"). Show ();});}); & Lt; / Script & gt; & Lt; Body & gt; & Lt; Div id = "primary-nav" & gt; & Lt; Ul & gt; & Lt; Li & gt; Item & lt; / Li & gt; & Lt; Li class = "current-menu-basic" gt; this current menu is the original item & lt; ul & gt; & lt; li & gt; current page & lt; / li & gt; & lt; li & gt; page 
 
 Pages     
    
 Sorry if this has been rewritten quickly by typing.  
 Here's the link so that you can see the problem in advance. Try clicking on a sub-page to view.   
 
 
 Remove  Important  On . Nt-menu-parent ul   
 . Current-menu-parent ul {display: block; condition: absolute;}   
 which stick The reason for this is.  
 The next issue is due to  .show ()  on  .mouseout ()  and viceversa.