切换博客帖子循环摘录与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标识。你应该使用类。