У меня есть простая анимация jQuery, которая перемещает div вправо или влево при событии .click ().

Однако, если пользователь щелкает событие дважды, оно запускается дважды, что приводит к неправильному форматированию.

Вот пример того, что у меня есть:

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

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

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

    }
});

Функция slide_button () проверит, находится ли положение div в допустимых пределах для точки обзора пользователя. Если это так, то это позволит правой или левой кнопке быть видимой. Если он выходит за пределы, он будет скрывать кнопки.

Это работает хорошо, за исключением того, что если я щелкну по нему дважды, то он просто соскользнет со страницы.

Есть ли способ работать с этим, чтобы игнорировать двойные щелчки?