切換博客帖子循環摘錄與jQuery

Question

我想只顯示我的博客文章循環中的帖子標題，並且當標題被點擊 - 摘錄將出現在下面。

到目前爲止，我得到這個：

$("#postTitle").click(function() { 
$("#postExcerpt").toggle(); 

其中僅一個工作的第一個結果。

但這：

$("#postTitle").click(function() { 
$("#postExcerpt").next().toggle(); 

不工作的時候，我想不通爲什麼。

我的循環如下所示：

<div class="box"> 
    <div class="block"> 
    <p id="postTitle"><a href="#">Post Title</a></p> 
    <p id="postExcerpt" style="display:none;">Post Excerpt</p> 
    </div> 
</div> 

您的幫助表示讚賞！

Answer 1

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#postTitle a').click(function(event){ 
     event.preventDefault(); 
     $(this).parent('#postTitle').siblings('#postExcerpt').toggle(); 
    }); 
}); 
</script> 

演示在這裏：http://jquery.nodnod.net/cases/702/run

當然，你永遠不應該再使用HTML標識。你應該使用類。