Javascript jQuery slideToggle回调函数和toggleclass

HTML

---

如何使一次

slideToggle

完成，然后启动

toggleclass

，就像第一个框一样，我希望它在fadeToggle完成后变为黄色

您可以使用

fadeToggle

的回调函数：

工作演示：

---

您可以使用fadeToggle的回调函数：

工作演示：

---

您可以使用提供的complete callback选项，动画完成后将调用该选项

$('.b').click(function () {
    var that = this;
    $(this).next('.c').fadeToggle(function() {
        if ( $('.b').eq(0).is(that) ) {
            $(that).toggleClass('yellow');
        }
    });
});

---

演示：

您可以使用提供的完整回调选项，动画完成后将调用该选项

$('.b').click(function () {
    var that = this;
    $(this).next('.c').fadeToggle(function() {
        if ( $('.b').eq(0).is(that) ) {
            $(that).toggleClass('yellow');
        }
    });
});

---

演示：

Bruvo

：）

添加了演示+1龙之后很高兴见到你time@Tats_innit嘿，兄弟：），谢谢，你在哪里？好久不见。我们可以这样做吗，第一次点击可以立即发生（快速），第二次点击可以使用回调函数？@olo是的，你可以使用一个标志（真/假），但我不知道你到底想实现什么。@未定义，当点击框时，它会变为红色，没有回调函数，第二次点击可通过回调功能变为黄色。这意味着，快速将其更改为红色，并在效果结束后将其更改为黄色。谢谢：-）Bruvo

：）

添加了演示+1龙之后很高兴见到你time@Tats_innit嘿，兄弟：），谢谢，你在哪里？好久不见。我们可以这样做吗，第一次点击可以立即发生（快速），第二次点击可以使用回调函数？@olo是的，你可以使用一个标志（真/假），但我不知道你到底想实现什么。@未定义，当点击框时，它会变为红色，没有回调函数，第二次点击可通过回调功能变为黄色。这意味着，快速将其更改为红色，并在效果结束后将其更改为黄色。谢谢：-）

$('.b').click(function () {
    var that = this;
    $(this).next('.c').fadeToggle(function() {
        if ( $('.b').eq(0).is(that) ) {
            $(that).toggleClass('yellow');
        }
    });
});

$('.c').hide();
$('.b').click(function(){
    var $this = $(this);
    $this.next('.c').fadeToggle(function(){
        if($('.b').eq(0).is($this)){
            $this.toggleClass('yellow');
        }
    });
});