jQuery attiva il passaggio del mouse - impedisce la coda

Question

Ho il seguente codice che attiva la visibilità di un div quando viene diviso un altro div. Funziona bene, tranne se si mouse sopra e fuori più volte si mette in coda tutti i comandi:

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

che ho provato questo, ma non sembra funzionare (crea problemi con la visibilità del toggled div e finisce per non mostrarlo affatto)

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

Come faccio a liberarmi della coda qui?

Answer 1

Utilizzando la funzione .dequeue() e .Stop()

.dequeue().stop() 

eccellente articolo su questo trovato qui, sono sicuro che quello che vuoi sapere dice.

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

Inoltre vorrei usare. show() and .hide() invece di .toggle() solo per salvare jquery ogni confusione.

Modifica: Aggiornato

Il problema è la finitura isnt di animazione, utilizzando vero, vero salta alla fine prima di iniziare un altro.

Example

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

Answer 2

Si dovrebbe provare questo

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