如何在执行代码之前等待slideToggle完成?

Luc*_*oli 2 javascript jquery effects

我想slideToggle在执行if语句和fadeIn效果之前等待效果完成.

div_to_move = $(this).parents("div.kind_div");

div_to_move.slideToggle();
if ($(this).html() == "+") {
    $(this).html("-");
    $("div.kind_to", td).append(div_to_move);
} else {
    $(this).html("+")
    $("div.kind_from", td).append(div_to_move);
}
div_to_move.fadeIn();
Run Code Online (Sandbox Code Playgroud)

我能怎么做?

mof*_*off 5

您可以添加回调slideToggle:

var div_to_move = $(this).parents("div.kind_div");

div_to_move.slideToggle(400, function () {
    if ($(this).html() == "+") {
        $(this).html("-");
        $("div.kind_to", td).append(div_to_move);
    } else {
        $(this).html("+")
        $("div.kind_from", td).append(div_to_move);
    }
    div_to_move.fadeIn();
});
Run Code Online (Sandbox Code Playgroud)