Question

First of all this is my markup:

<div class="first"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="first"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>
<div class="second"></div>

What I want to do is when I click on a div with the class first, I want to display all the next divs with a class second till the next first class.

Is there a way to to this with jQuery?

Thanks in advance!

Answer 1

<script type="text/javascript">
    $(document).ready(function () {
        $(".first").click(function () {
            $(this).nextUntil(".first").toggle();
        });
    });
</script>