在jQuery中，如何按顺序而不是同时执行函数？

Question

我希望能够使用jQuery的slideToggle函数显示和隐藏元素。当元素开始滑出屏幕时，'border'类被切换，因此元素在滑入时有一个边框。但是，当元素开始滑出时（再次单击按钮时）， slideToggle开始时边框消失，而不是结束。所以基本上，我希望边框在滑出时保持元素，然后消失。

以下是我的问题裁剪的代码：

$('.button').on('click', function() {
    $('.sub').slideToggle();
    $('.sub').next().slideToggle();
    $('.divclass').toggleClass('border');
});

Answer 1

使用像这样的回调函数

$('.sub').slideToggle( "slow", function() {
    $('.divclass').toggleClass('border');
  });

回调将执行动画完成后放置的任何代码。