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内容。当我再次点击li标签时，我需要帮助，因为我想要它，但它也应该隐藏行。这应该是在向上滑动后调用行上的隐藏功能。

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

Lwyrn是正确的，将第三个参数添加到slideToggle调用就可以了。为了获得更多控制，您可以传递一个普通对象，其中包含您想要的所有选项作为参数（例如.slideToggle（options））。您可以在http://api.jquery.com/slideToggle/#slideToggle-options

了解有关这些选项的更多信息

当我不希望动画排队时，我觉得传递对象很有用（如果用户非常快地点击50次，动画会堆叠并保持一段时间不停切换 - 不希望的行为）。

Answer 3

请查看以下代码

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

slidetoggle完成后调用函数

3 个答案: