Jquery: eventi sovrapposti al doppio click

[pula]

Jquery: eventi sovrapposti al doppio click

Salve a tutti

Stò lavorando ad un banalissimo script in jquery che ha la l'utilità di scorrere alcuni paragrafi al click dei pulsanti avanti e indietro.

Lo slide avviene correttamente al singolo click ma al doppio vengono sovrapposti più elementi.
In pratica se sono sul primo paragrafo e faccio due click su avanti appare sia il paragrafo 2 che il tre sovrapposti....

Vi posto lo script

$("#avanti").click( function () {
images[contatore].fadeOut('slow',function(){
if (contatore <images.length-1) {
contatore++;
images[contatore].fadeIn('slow');
}
else
{
contatore=0;
images[contatore].fadeIn();
}
});

    });

Come posso risolvere?

grazie in anticipo

[lino.tasty]

Ciao,
i proverei a sostituire al posto del fadeOut userei un hide che è brutto graficamene ma dovrebbe risolverti il problema

[pula]

Ciao in effetti era il fadeOut a dare problemi.
Ho risolto con animate opacity in questo modo:

$('#avanti') .click (function(){

    if (contatore <images.length-1) {
        
        images[contatore].animate({ opacity: "0"}, 300); 
        contatore++;
        images[contatore].animate({ opacity: "1"}, 300);        
    } else {
        
        images[contatore].animate({ opacity: "0"}, 300); 
        contatore = 0;
        images[ contatore ].animate({ opacity: "1"}, 300);        
    }
});