使用jQuery切换博客文章循环摘录

时间:2009-08-27 13:17:20

标签: jquery loops toggle blogs effect

我想在我的博客帖子循环中只显示帖子标题,当点击标题时 - 摘录将显示在下方。

到目前为止,我得到了这个:

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

<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 ID。你应该使用类。