코드를 실행하기 전에 slideToggle이 완료 될 때까지 어떻게 기다려야합니까?

Question

문과 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(); 
});