jquery: Перекрытие слайд-шоу div. Нажатие на fast messes up

Question

У меня проблема с раздвижными divs с помощью jquery. Если я нажимаю ссылки на быстрый (например, первое звено и сразу второе звено), divs будут перекрываться (что они не должны делать!). Вот мой код:

<script type="text/javascript"> 

$(document).ready(function() {  
    $("div.slide").hide(); 

$('a.link').on('click', function(e) { 

    e.preventDefault(); 
    var slideSelector = '#' + $(this).attr('id').replace('link', 'slide'); 

    $('div.slide').not(slideSelector).slideUp(1000, 'easeOutQuart', function() { 
    $(slideSelector).slideDown(1000, 'easeOutQuart'); 
    }); 


    });  

}); 

</script> 

Посмотрите на DEMO и посмотреть, что я имею в виду. Я был бы очень рад услышать от вас, ребята!

Answer 1

hmmm просто добавьте логическое значение, чтобы проверить, есть ли нажатие на него? Я быстро протестировал его с помощью трекпада, и он должен работать

$(document).ready(function() 
{  
    $("div.slide").hide(); 
    var clicked = false; 
    $('a.link').on('click', function(e) 
    { 

     if(!clicked) 
     { 
     e.preventDefault(); 
     clicked = true; 
     var slideSelector = '#' + $(this).attr('id').replace('link', 'slide'); 

     $('div.slide').not(slideSelector).slideUp(1000, function() 
     { 
      $(slideSelector).slideDown(1000, function(){ 
      clicked = false; 
      }); 
     }); 
     } 

    });  

});​