Есть ли эффективный способ переключения JQuery? - PullRequest
2 голосов
/ 02 сентября 2011

Я создавал раздел часто задаваемых вопросов для своего сайта и задавался вопросом, есть ли более эффективный способ переключения ответов при нажатии на вопрос.Пока у меня есть код ниже.Тем не менее, он открывает все ответы при нажатии на любой вопрос.Если я хочу сделать это один за другим, у меня есть 100 вопросов, и я должен написать 100 строк переключения для answer-1, answer-2 ... Итак, есть ли решение для этого?

$(function(){
    $("a.question").click(function(){
    $("p.answer").toggle("slow");
 });
});

HTML + CSS:

a.question {display:block}
p {display:none}

<a class="question">Question 1?</a>
<p class="answer">Answer 1</p>

<a class="question">Question 2?</a>
<p class="answer">Answer 2</p>

<a class="question">Question 3?</a>
<p class="answer">Answer 3</p>

1 Ответ

11 голосов
/ 02 сентября 2011
$(function(){
    $("a.question").click(function(){
    $(this).next("p.answer").toggle("slow");
 });
});
...