Javascript 阅读更多始终打开第一个

我有一页大约有10篇短文

每个按钮都是一个“阅读更多”按钮，按下该按钮时显示隐藏文本

我现在遇到的问题是，当我按下10个按钮中任何一个的“阅读更多”时，它会显示第一篇文章的隐藏内容，而不是所选内容

我想我需要为每篇文章设置一个唯一的ID。。“阅读更多”按钮将链接到它。。但我不知道如何设置它

我看了这个，但没能让它工作

---

对不起，原来的代码不是大写的。我在尝试发布时不断出现错误，因此我将代码复制到Dreamweaver中，由于某种原因，它使所有代码都成为大写。

如果出现错误，请阅读错误并查看它们是什么。通过快速阅读您的代码，我注意到以下几点可能会导致问题：

• “documentElemnt”拼写错误，这将使其变得无用。此外，documentElement是一个函数，而不是您正在使用的函数
• toString是一个函数，而不是一个属性，没有括号（

  .toString（）

  ），它不会像您希望的那样运行

---

运行代码，查看控制台中的错误，并修复它们。这就是您的起点。

您可以为您的项目设置一个类，并使用类选择（例如，

$（'#'+element_-ID）

）来选择子项（或兄弟项等，具体取决于您构建HTML页面的方式），而不是选择要用ID切换的元素

---

理论上，每个ID应该指向一个元素，但每个类可以放入任意多个元素。

所有的大写字母是什么？请把它修好。你的帽子锁钥匙坏了吗？为了大家的利益，我重新格式化了你的代码。将来，为了将来的同事和问题回答者，请使用更具可读性的编码风格。

var WidgetContentHideDisplay = {

init:function() {
   if ($('#content-display-hide').size() == 0) return;
    $('.triggerable').click(function(e){
        var element_id = $(this).attr('rel');
        var element = $('#'+element_id);
        element.toggle();
        if (element.is(':visible')) {
            $('.readmore').hide();
        } else {
            $('.readmore').show();
        }
       return false;
   });
}

}

var div = documentElemnt("div");
div.id = "div_" + new Date().gettime().toString;

$(document).ready(function(){ WidgetContentHideDisplay.init(); });