Jquery - Muliple点击导致问题

Question

我面临的问题是，当我多次点击#apple1时，手风琴面板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);
});