Create nested list in jquery

Question

I have a div with this content

<h3>title list1</h3>
<ul><li>element1</li>
<li>element2</li>`</ul>

repeated many times

i want that clicking on the h3 the ul right after it is toggled using jquery. i've tried with:

.first()

But it toggles only the first ul not the first after the clicked h3, how can i do?

Frédéric Hamidi · Accepted Answer · 2011-12-18 12:34:43Z

3

If the <ul> elements always occur immediately after the <h3> elements, you can use next():

$("h3").click(function() {
    $(this).next().toggle();
});

answered Dec 18, 2011 at 12:34

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1