jQuery alternar sobre el mouseover - evitar cola

Question

Tengo el siguiente código que alterna la visibilidad de un div cuando se mueve otro div. Funciona bien, excepto si el cursor sobre y en repetidas ocasiones se pone en cola todos los alterna:

$(document).ready(function() { 
    $('.trigger').mouseover(function(){ 
     $('.info').toggle(400); 
    }).mouseout(function(){ 
     $('.info').toggle(400); 
    }); 
}); 

que he probado esto, pero no parece funcionar (que crea problemas con la visibilidad de la toggled div y termina no mostrándolo en absoluto)

$(document).ready(function() { 
    $('.trigger').mouseover(function(){ 
     $('.info').stop().toggle(400); 
    }).mouseout(function(){ 
     $('.info').stop().toggle(400); 
    }); 
}); 

¿Cómo me deshago de la cola aquí?

Answer 1

Uso de la función .dequeue() y .Stop()

.dequeue().stop() 

excelente artículo sobre este encontrado aquí, estoy seguro de que lo que usted quiere saber dice.

http://css-tricks.com/examples/jQueryStop/

También me gustaría utilizar. show() and .hide() en lugar de .toggle() solo para guardar jquery cualquier confusión.

Editar: Actualización

El problema es el acabado isnt animación, utilizando cierto, cierto que salta al final antes de iniciar otro.

Example

$('.trigger').mouseover(function() { 
    $('.info').stop(true, true).show(400); 
}).mouseout(function() { 
    $('.info').stop(true, true).hide(400); 
}); 

Answer 2

Debe probar este

$(".trigger").hover(function() { $(".info").stop(true).toggle(400); });