Problema evento onclick javascript

[danieler87]

Buenos dias tengo un problema al realizar el evento onclick sobre un div que lo que hace es hacer un fade para esconder el div y mostar otros despues con una animacion
el problema es que en el caso de que el usuario haga mas de un click seguido
llama dos veces a la funcion de la animacion,haciendo que tenga un comportamiento extraño
hay alguna manera de que solo coja el primer click y no los posteriores
Gracias y un saludo

[djaevi]

puedes usar una variable boolean que cambie su valor al hacer 1 click, y que la animacion solo sea permitida si esa variable tiene cierto valor x ej:

Código Javascript:

var permitirClick = true;
 
function animar() {
    if (permitirClick) {
        document.getElementById("idDelDiv").funcionFade();
        permitirClick = false;
    }
}
 

De esta forma solo hara el fade una vez xq le pregunta a la variable permitirClick su estado y como al entrar a la animacion esta cambia su valor ya no se repetira la animacion, prueba y me dices si te sirve.

Saludos

[danieler87]

Muchas gracias funciona perfecto...
Un saludo