jquery - slideToggle("slow") 没有按我的意愿工作

Question

http://jsfiddle.net/T8t2r/294/

在上面的示例中，当我单击父类时，它应该向下滑动子类，但它没有正确滑动。有人可以帮我吗？

jQuery

$(document).ready(function() {

    function getChildren($row) {
        var children = [];
        while($row.next().hasClass('child')) {
             children.push($row.next());
             $row = $row.next();
        }            
        return children;
    }        

    $('.parent').on('click', function() {

        var children = getChildren($(this));
        $.each(children, function() {
            $(this).toggle();
        })
    });

})

Answer 1

试试看：

$(文档).ready(函数() {

$(".parent").click(function(){

    $(this).nextUntil(".parent").toggle();

})

})

Answer 2

以及如何为工具功能添加简单的速度：

$('.parent').on('click', function() {

    var children = getChildren($(this));
    $.each(children, function() {
        $(this).toggle(1000);
    })
});

但正如评论中提到的，行不能被动画化，整个效果看起来很丑陋。您将需要在那里添加 div。

编辑：这里是关于 jQuery .toggle() 函数的更多细节