SlideToggle Div动画

Question

我有以下jQuery代码。

$(function() { 
    $('.clickme').click(function() { 
     $('.totalthing').slideToggle('slow','easeInOutQuart', function() { 
      // Animation complete. 
     }); 
     $('.expandedcase').slideToggle('slow','easeInOutQuart', function() { 
      // Animation complete. 
     }); 
    }); 
}); 

目前它关闭其中一个div并同时打开另一个div。我想要它做的就是关闭打开的div，然后一旦完全关闭，就会打开另一个。

Answer 1

尝试：

$(function() { 
    $('.clickme').click(function() { 
     var tot = $('.totalthing'); 
     var exp = $('.expandedcase'); 

     var frt = (tot.is(":visible"))?tot:exp; 
     var lst = (tot.is(":visible"))?exp:tot; 

     frt.stop().slideToggle('slow','easeInOutQuart', function() { 
      lst.stop().slideToggle('slow','easeInOutQuart', function() {/*complete*/}); 
     }); 
    }); 
}); 

Answer 2

您的意见应该指向正确的方向。如果您希望一个动画完成后启动一个动画，请将其移至该功能。

$(function() { 
$('.clickme').click(function() { 
$('.totalthing').slideToggle('slow','easeInOutQuart', function() { 
    // Animation complete. 
    $('.expandedcase').slideToggle('slow','easeInOutQuart', function() { 
     // Animation complete. 
    }); 
}); 

}); 
});