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

时间:2022-10-11 20:12:14

I want to wait for the slideToggle effect to complete before executing the if statement and the fadeIn effect.

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

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();

How can I do?

我能怎么做?

1 个解决方案

#1


5  

You may add a callback to slideToggle:

您可以向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();
});

#1


5  

You may add a callback to slideToggle:

您可以向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();
});