Jquery 滑动切换完成后调用函数

Jquery 滑动切换完成后调用函数,jquery,Jquery,下面首先隐藏所有偶数行,当我们单击奇数行时,它显示偶数行,并向下滑动每行的li内容。我需要帮助,当我再次单击时,li标记会按我的需要向上滑动,但它也会隐藏行。也就是说,在向上滑动后,应调用行上的隐藏函数。请查看以下代码 $(document).ready(function () { $("#newrecord tr:odd").addClass("odd"); $("#newrecord tr:not(.odd)").find("li").hide(); $("#newr

下面首先隐藏所有偶数行,当我们单击奇数行时,它显示偶数行,并向下滑动每行的li内容。我需要帮助,当我再次单击时,li标记会按我的需要向上滑动,但它也会隐藏行。也就是说,在向上滑动后,应调用行上的隐藏函数。

请查看以下代码

$(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");
    });
});
$(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...
        });
    });
});

Lwyrn是正确的,将第三个参数添加到slideToggle调用即可。为了获得更多的控制,您可以传递一个普通对象,其中包含您想要作为参数的所有选项(例如,slideToggle(选项))。您可以通过以下网址了解这些选项的更多功能:


我发现在我不想让动画排队的时候传递对象很有用(如果用户快速点击50次,动画将堆叠并保持切换一段时间——这是不希望的行为)。

如果没有jQuery,我们可怜的程序员会怎么做?(使用zepto?)只要看一看正式的jQuery文档,您就会找到答案,但是函数每次向下滑动时都会被调用,我希望函数只有在向上滑动时才被调用;正是我需要的。需要添加的一点是,“swing”是默认值,可能是可选的。@Hrishikesh Sardar添加和删除类似“is_open”的类,并根据是否有该类使用slideDown(函数here())和slideUp()。使用它的方法与幻灯片切换相同。@hrishikeshshardar,我知道这是一个老问题,但您可以通过包含一个测试,如
if($(this).is(“:hidden”)来测试幻灯片是否已打开,内容是否已关闭{…
但函数每次向下滑动时都会被调用,我希望函数只在向上滑动时被调用。我认为应该将slideToggle调用拆分为动画的两部分,slideUp和slideDown。然后在if语句中,根据css的真实性(“可见性”)确定要使用哪个动画函数='hidden'。然后您可以像以前一样将回调函数传递给slideDown。请参阅,但每次向下滑动时都会调用该函数,我希望仅在向上滑动时调用该函数
$(this).next("tr").find("li").slideToggle("slow","swing", function(){
    // here you code after toggle complete
});