0

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

上記の例では、親クラスをクリックすると、子クラスが下にスライドするはずですが、適切にスライドしていません。誰かがそれを手伝ってくれますか？

Jクエリ

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

})
4

2 に答える 2

1

それを試してください：

$(document).ready(function() {

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

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

})

}))

于 2013-07-03T14:04:57.777 に答える
0

そして、トゥーグル関数に単純な速度を追加するのはどうですか:

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

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

しかし、コメントで述べたように、行をアニメーション化することはできず、効果全体が見苦しくなります。そこに div を追加する必要があります。

編集: jQuery .toggle() 関数の詳細は次のとおりです

于 2013-07-03T18:22:42.883 に答える