Создать вложенный список в JQuery

Question

У меня есть div с этим содержанием

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

повторяется много раз

Я хочу, чтобы щелкнув по h3 ul сразу после его переключения с помощью jquery. я пробовал с:

.first()

Но он переключает только первый ul, а не первый после нажатой h3, как я могу это сделать?

Answer 1

Если элементы <ul> всегда появляются сразу после элементов <h3>, вы можете использовать next () :

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