Tengo una animación jQuery simple que mueve un div a la derecha o izquierda, en un evento .click ().

Sin embargo, si el usuario hace clic en el evento dos veces, se dispara dos veces, lo que estropea el formato.

Aquí hay un ejemplo de lo que tengo:

$('a#right').click( function () {

if ($(this).is(':visible')) {

    $('#slide').animate({right: '+=257'}, 400, function () {
    slide_button();
    });

    }
});

La función slide_button () verificará si la posición del div está dentro de los límites aceptables para el punto de vista del usuario. Si es así, permitirá que el botón derecho o izquierdo sea visible. Si está fuera de los límites, ocultará los botones.

Funciona bien, excepto que si hago clic dos veces, simplemente se deslizará fuera de la página.

¿Hay alguna manera de trabajar con esto para ignorar los clics dobles?