2011-09-02 197 views
2

我爲我的網站創建了一個FAQ部分,並且想知道點擊問題時是否有更有效的方式來切換答案。到目前爲止,我有下面的代碼。但是,當單擊任何問題時,它會打開所有答案。如果我想一個一個地做,我有100個問題,並且必須寫100行切換答案-1,答案-2 ...所以,有沒有解決方案呢?有沒有一種有效的方法來做jQuery切換?

$(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> 

回答

11
$(function(){ 
    $("a.question").click(function(){ 
    $(this).next("p.answer").toggle("slow"); 
}); 
}); 
+0

DOM遍歷救援;) –

+0

神聖的內衣!這是這一切:D謝謝! – Cimbom

+0

簡短而甜美! – JW8

相關問題