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

Question

我想在执行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(); 

我该怎么办？

Answer 1

您可以添加一个回调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(); 
});