Question

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

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

试试：

$（document）.ready（function（）{

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

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

})

}）

Answer 2

那么为toogle函数添加简单的速度呢：

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

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

但正如评论中所提到的，行无法动画，整个效果看起来很难看。你需要在那里添加div。

编辑：Here是关于jQuery .toggle（）函数的更多细节

slideToggle（“慢”）不能正常工作

2 个答案: