jquery-ui - 折り畳み効果を jQuery.remove() と組み合わせるにはどうすればよいですか

Question

div を最初に折りたたみ、次に DOM から削除します。やってみたのですが、最初に折ってから外すのではなく、一気に消えてしまいます

$("#backgroundPopup").effect("fold", {

    size: "50%"

}, 1000).remove(); //end of effect()

私がちょうど使用する場合

$("#backgroundPopup").effect("fold", {

    size: "50%"

}, 1000);

その後、折りたたまれますが、私の div はまだ DOM に存在します。両方を組み合わせることはできますか?

ありがとう

Answer 1

effect要素への のコールバックを使用しremoveます。

$("#backgroundPopup").effect("fold", {
    size: "50%"
}, 1000, function(){
    $(this).remove();  // this will run after the effect is finished
});