如何在点击的课程和下一个同一课程之间切换所有内容？

Question

<div class='folder lev1'>323</div>
<div class='folder lev2'>525</div>
<div class='file lev3'>727</div>
<div class='file lev4'>1625</div>
<div class='folder lev1'>new</div>

JS

我需要在点击的lev1和下一个lev1元素之间切换所有内容。

我试过了：

$(".lev1").click(function(){
    $(this).next(".lev2").toggle();
    $(this).next(".lev2").next(".lev3").next(".lev4").toggle();
});

不起作用。只切换.lev2。

Answer 1

尝试.nextUntil()：

$(".lev1").click(function(){
    $(this).nextUntil(".lev1").toggle();
});

$(".lev1").click(function(){
    $(this).nextUntil(".lev1").toggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='folder lev1'>323</div>
<div class='folder lev2'>525</div>
<div class='file lev3'>727</div>
<div class='file lev4'>1625</div>
<div class='folder lev1'>new</div>