slideDown() and slideUp() effect -- clear queue? queue false? prevent that buildup of sliding
Hi,
I have been using jQuery for quite some time but still am unclear on the solution to this problem I run into many times.
- $("#large-image").hover(function() {
- $(this).children('#title').slideDown();
- }, function() {
- $(this).children('#title').slideUp();
- });
So the problem with this is that if you roll on/off several times, the sliding queues and continues expanding/retracting after the final mouseout.
The solution I have been using is .stop(true, true).
- $("#large-image").hover(function() {
- $(this).children('#title').slideDown();
- }, function() {
- $(this).children('#title').stop(true, true).slideUp();
- });
This is not perfect though because if you roll on/off quickly it will reset the animation to the starting position which can look umpy. Ideally, I am looking for a solution that functions the same way as
queue:false with
animate.
It would be great to finally have a good solution to this problem. Thanks!