jQuery animation menu queue problem -


I have read about 15 topics like this. Finaly, I change my own point, but see the code.

  $ ("#top_menu .top_menu_elements> gt; ul> gt" li) .mouseenter (function () {$ (this)) stop (true, true). Closed (true, true). Show (250);}) .musleave (function () {$ (this) .find (". MoreMenu"). Stop (true, true). (250);});   

HTML:

  & lt; Div id = "top_menu" & gt; & Lt; Div class = "top_menu_elements" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "site1" & gt; Site 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "site2" & gt; Site 2 & lt; / A & gt; & Lt; Div class = "more menu" & gt; Bla bla bla menu accessories & lt; / Div & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" headline = "site3" & gt; Site 3 & lt; / A & gt; & Lt; Div class = "more menu" & gt; Bla bla bla menu accessories & lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

And .. it works fine. But try to enter the different time period (250) hide (50) like the show. When you go to the mouse for some time on this menu it goes crazy. I tried callback, things with queue and decay, even with stops. Nothing seems to happen - STH has gone wrong, it should work with different time, but is not it any thoughts?

Your code is working fine.

Check here:

Comments