Jquery 阅读更多错误单击时全部展开

我会保持这个简单，因为它是简单的

所以我有一个网页，我用它来做推荐信，我设法在每个网页上增加了一个“阅读更多”的功能，我想保持网页的整洁

“阅读更多”功能起作用，但这是我的问题。因为我每次点击1阅读更多的内容时都会有大约10篇测试推荐，所以整个10篇文章都会同时展开。。需要帮忙吗

这是HTML代码

<p>something something something first</p>
<div style="width: 500px; padding: 10px;">
<br/><br/><a href="#" class="readMore">Read More</a>? <br/><br/>
<!-- BEGIN: Hidden Content. -->
<div class="content" style="display: none ; width:500px;">things things and stuff and more stuff and things </p></div>
<!-- END: Hidden Content. -->

先做点什么

事情，事情，事情，还有更多的事情

这是剧本

<script type="text/javascript" src="./jquery-1.6.3.js"></script>
<script type="text/javascript">
    // Cache a reference to the hidden content.
    var hiddenContent = $("div.content");

    // Bind to the Read More link to toggle the
    $("a.readMore").click(

    function(event) {
        // Cancel the default event (this isn't a real link).
        event.preventDefault();
        // Check to see if the content is visible.
        if (hiddenContent.is(":visible")) {
            // Hide it slowly.
            hiddenContent.slideUp(3000);
        } else {
            // Show it slowly.
            hiddenContent.slideDown(3000);
        }
    });
</script>

//缓存对隐藏内容的引用。
var hiddenContent=$（“div.content”）；
//绑定到“阅读更多”链接以切换
$（“a.readMore”）。单击(
功能（事件）{
//取消默认事件（这不是真正的链接）。
event.preventDefault（）；
//检查内容是否可见。
if（hiddenContent.is（“：visible”））{
//慢慢藏起来。
hiddenContent.slideUp（3000）；
}否则{
//慢慢看。
隐藏内容。向下滑动（3000）；
}
});

---

任何帮助都会很好。。同样的问题是它（它的工作），但当一个-阅读更多-是点击所有其他10个职位以及扩大

那里有一些格式不正确的HTML，Jquery也不正确

首先，通过删除错误的

标记并在适当的位置添加结束标记来更正HTML。所有那些

标签都是不好的做法。如果需要间距，可以向锚点标记添加CSS填充，而不是添加一堆中断标记

<p> something something something first</p>
<div style="width: 500px ;padding: 10px ;">
<a href="#" class="readMore">Read More</a>?

<div class="content" style="display: none ; width:500px;">things things and stuff and more stuff and things</div>
</div>

---

我已经设置了一个供您查看的文件。

The

$（“div.content”）选择器将选择id=内容的所有div。这是你想要的吗？还是你只想要一个？斯科特工作得很出色。。非常感谢你。我会接受你的建议来解决这些问题。。我知道这是个坏习惯。。但是我很懒，因为现在是凌晨3点，我只想完成这个任务。@user2228806如果这解决了您的问题，您应该单击左侧的复选标记将其标记为正确答案。
$( "a.readMore" ).click( function( event ){
event.preventDefault();
var hiddenContent = $(this).next(".content");

if (hiddenContent.is( ":visible" )){
    hiddenContent.slideUp(300);
} else {
    hiddenContent.slideDown(300);
} 
});