this - jQuery only apply to current li -

I want to toggle the mouse over to the other level at the first level of the mouse.

Currently displaying all the secondary UV on the script mouseover.

  & lt; Div id = "subnav" & gt; & Lt; Ul & gt; & Lt; Li & gt; A & lt; / Li & gt; & Lt; Ul & gt; & Lt; Li & gt; SubOne & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; Two & lt; / Li & gt; & Lt; Li & gt; & Lt; Ul & gt; & Lt; Li & gt; SubTwo & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

And here's my jQuery

  $ ("# sideNav ul li"). Hover (function () ($ ('# sideNav ul li ul') .slideDown ();}, function () {$ ('# sideNav ul li ul'). SlideUp ();});  

You must target with $ (this) Function.

  $ ("# subNav> ul> gt; hover (function () {$ (this). Child ('ul'). Slidedown ();}, function (). Children ('ul'). SlideUp ();});  

Note: The above root will work only from ul.I think you do Want to