A small detail.
1$(function(){2$ ("#sideBar >li"). MouseOver (function(){3$( This). Find ("div"). css (' margin-left ', ' 80px '));4$( This). Children ("ul"). Stop (true,true). Slidedown (400);5 });6$ ("#sideBar >li"). MouseLeave (function(){7$( This). Find ("div"). css (' margin-left ', ' 0px '));8$( This). Children ("ul"). Stop (true,true). Slideup (400);9 });Ten})
Because the mouse enters and leaves both ends and immediately completes the animation, some operations can occur following a convulsive situation:
Solve:
1$(function(){2$ ("#sideBar >li"). MouseOver (function(){3$( This). Find ("div"). css (' margin-left ', ' 80px '));4$( This). Children ("ul"). Stop (true,true). Slidedown (400);5 });6$ ("#sideBar >li"). MouseLeave (function(){7$( This). Find ("div"). css (' margin-left ', ' 0px '));8$( This). Children ("ul"). Stop (true). Slideup (400);9 });Ten})
Set the left animation to no need to complete.
JQuery Stop ()