JQuery - Многочисленные щелчки, вызывающие проблемы

Question

Проблема, с которой я сталкиваюсь, заключается в том, что когда я нажимаю на #apple1 несколько раз, панель аккордеона i.e. 0: appleInfo1 перемещается вверх и вниз до тех пор, пока она не сравняется с тем, сколько раз я изначально нажал кнопку.

$('#appleInfo1').hide().promise().done(function(){ 
    $('#apple1').click(function(){ 
     $('#appleInfo1').slideToggle(1000); 
     $('#intelInfo1, #ibmInfo1, #amdInfo1').slideUp(1000); 
    }); 
}); 

Answer 1

Вы должны stop() любой текущей анимации при нажатии кнопки снова.
Кроме того, обещание не имеет никакого смысла, если не проходит в период с hide()

var apple = $('#appleInfo1').hide() 

$('#apple1').click(function(){ 
    apple.stop(true,true).slideToggle(1000); 
    $('#intelInfo1, #ibmInfo1, #amdInfo1').stop(true,true).slideUp(1000); 
});