jQuery切換每個？

Question

即時通訊使用jQuery來切換一些段落。它只是一個段落很容易，但說我有一個非常通用的設置。第二段最初是用css隱藏的。

<p>some text</p> 
<p>some more text</p> 
<a href="#" class="more">read more</a> 

<p>some text</p> 
<p>some more text</p> 
<a href="#" class="more">read more</a> 

問題是，每次點擊其中一個「閱讀更多」鏈接時，它會顯示每個第二段。我只想讓它顯示一次點擊的第二段。

很新的jQuery的...

Answer 1

首套你<p>標籤在div像這樣：

<div class='toggleable'> 
    <p>some text</p> 
    <p>some more text</p> 
    <a href="#" class="more">more/less</a> 
</div> 

與一些CSS：

.toggleable p { 
    display: none; 
} 

然後jQuery的：

$('.toggleable a.more').click(function() { 
    $(this).siblings('p').toggle(); 
}); 

應該處理它。

當然，還有其他方法可以解決這個問題。也許你可以把文本之外的鏈接，然後做一些事情：$('.more').click(function() { $(this).prev().toggle(); }); ...很多方法。看看jQuery的DOM traversal方法。

Answer 2

對不起，我認爲我可能搞砸了結構。它的

<p>some text</p> 
<div class="bio> 
<p>some more text</p> 
</div> <a href="#" class="more">read more</a> 

<p>some text</p> 
<div class="bio> 
<p>some more text</p> 
</div> <a href="#" class="more">read more</a> 

我需要第一個<p>顯示總是作爲一種高手。第二個<p>和任何後續<p>僅在點擊其特定的<a>時才顯示，感謝您的快速響應。