jquery: fonction d'arrêt immédiatement

Question

lorsque mouseover .down, la glisse couche div vers le bas
lorsque mouseover .up, la glisse couche div jusqu'à

Si la souris passe au-dessus .b, comment puis-je le div de glisser vers le bas sans avoir attendre que la couche div glisse en premier? tuer essentiellement la fonction précédente immédiatement

<a href="#" class="down">Slide Down</a> 
<a href="#" class="up">Slide Up</a> 

<div style="height:400px;width:200px;background-color:#ccc"> 
</div> 


<script> 
$(document).ready(function() { 
    $('.down').mouseover(function() { 
     $('div').slideDown();       
    }); 

    $('.up').mouseover(function() { 
     $('div').slideUp();       
    }); 
}); 
</script> 

Answer 1

Ajout d'une réponse si la question ne reste pas « sans réponse ».

Par @Pointy, la fonction .stop() est ce que vous voulez. Vous devez l'ajouter avant d'appeler le .slideDown() afin d'arrêter l'animation en cours de l'élément.

$(document).ready(function() { 
    $('.down').mouseover(function() { 
     $('div').stop(true, true).slideDown();       
    }); 

    $('.up').mouseover(function() { 
     $('div').slideUp();       
    }); 
});