jquery - スライドトグルの完了後に関数を呼び出す

Question

$(document).ready(function () {
    $("#newrecord tr:odd").addClass("odd");
    $("#newrecord tr:not(.odd)").find("li").hide();
    $("#newrecord tr:not(.odd)").hide();
    $("#newrecord tr:first-child").show();

    $("#newrecord tr.odd").click(function () {
        $("#newrecord tr:not(.odd)").show();
        $(this).next("tr").find("li").slideToggle("slow","swing");
    });
});

次の例では、最初にすべての偶数行を非表示にし、奇数行をクリックすると、偶数行が表示され、各行のコンテンツが下にスライドします。もう一度クリックすると、必要に応じてliタグがスライドアップするのに助けが必要ですが、行も非表示になるはずです。つまり、上にスライドした後に行で hide 関数を呼び出す必要があります。

Answer 1

$(document).ready(function () {
    $("#newrecord tr:odd").addClass("odd");
    $("#newrecord tr:not(.odd)").find("li").hide();
    $("#newrecord tr:not(.odd)").hide();
    $("#newrecord tr:first-child").show();

    $("#newrecord tr.odd").click(function () {
        $("#newrecord tr:not(.odd)").show();
        $(this).next("tr").find("li").slideToggle("slow","swing", function(){
            //What to do on toggle compelte...
        });
    });
});

Answer 2

次のコードを見てください

$(this).next("tr").find("li").slideToggle("slow","swing", function(){
    // here you code after toggle complete
});