Question

How to set a bind unbind in live mouseenter.

How to do: In slideUp and slideDown process, mouseenter & mouseout invalid. only finished the process, the mouseout & mouseenter will active again.

my code in:

http://jsfiddle.net/bTjP5/

EDIT: In my code, if mouseover and mouseout quickly in and out the div block, the js will remember how many times the mouse passed, and then even the mouse should be stoped out of the div blocks, the div.tile will still slidedown sliderup again and agian until finished all the times the js remember. So I think it should be do a bind the slideUp and slideDown events. Thanks.

thanks.

Answer 1

There are problems animating height in jQuery, particularly when using .stop() which I you need to prevent subsequent .mouseenter()s queueing up more animations. See jQuery height when using stop() in animation or slideUp/slideDown and the css-tricks.com blog post.

It may be easier to just use .animate() to manipulate the height, as in this demo