javascript - jQuery slideToggle 回调函数和 toggleclass

Question

HTML

<div class="a">
    <div class="b">CLICK</div>
    <div class="c"></div>
</div>
<div class="a">
    <div class="b">CLICK</div>
    <div class="c"></div>
</div>
<div class="a">
    <div class="b">CLICK</div>
    <div class="c"></div>
</div>

jQuery

$('.c').hide();
$('.b').click(function(){
    $(this).next('.c').fadeToggle();

    if($('.b').eq(0).is(this)){
    $(this).toggleClass('yellow');
}
});

ONLINE SAMPLE

slideToggle 完成后如何开始 toggleclass，就像第一个框一样，我希望它在 fadeToggle 完成后变为黄色

Answer 1

可以使用fadeToggle的回调函数:

工作演示:http://jsfiddle.net/Kqc2B/

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