jQuery nextAll - щелчок по h-элементу переключает все p-элементы до следующего часа.
Я создаю страницу часто задаваемых вопросов, где можно переключать ответ, нажимая на вопрос. Вопрос в томh3
и ответ несколькоp
-элементов. Как это:
<h3>The First Question</h3>
<p>Answer Paragraph</p>
<p>Answer Paragraph</p>
<p>Answer Paragraph</p>
<h3>The Second Question</h3>
<p>Answer Paragraph</p>
<p>Answer Paragraph</p>
Как я могу переключить всеp
-элементы, принадлежащие к определенному вопросу? Мой JS переключает все следующиеp
-элементы на странице:
$(document).ready(function(){
$("p").hide();
$("h3").click(function(){
$(this).nextAll("p").toggle();
});
});
Я не могу использоватьdiv
или классы).