Is there a way to stop queuing of show() hide() calls on hover?
I have a simple navigation system, and I am using hover, to show/hide details, but if I hover back and forth too fast between the elements, the animation queues up and keeps executing even when I am not hovering over them.
- hover(function(e){
- $(this).find('p').stop().show('1000');
- },function(){
- $(this).find('p').stop().hide('1000');
- });
I can use stop() on animate to prevent queuing, but doing it like in the code above, stops the animation from even happening. Please suggest a solution.