Javascript 切换按钮仅适用于第一篇文章

我有一个隐藏/显示的切换按钮，并出现在每篇文章中。（我的网站有大约一百万篇文章）

但在每个网站上，切换按钮只切换第一篇/第一篇文章

HTML:

---

在函数中传递

目标元素Id

。然后使用三元运算符应用切换效果

函数myFunction（id）{
var x=document.getElementById（id）；
x、 style.display=x.style.display=='none'？'block'：'none'；
}

显示产品详细信息
一些

document.getElementById（'myCRITERIA'）用示例数据填充criteria div仅选择元素，动态传递ID属性…如何传递ID属性？对不起，我是个业余爱好者，不知道OP的代码有什么问题。我用它做了，它很有效。啊，对了，那是因为一个ID在整个文档中必须是唯一的。正如@Prasad所说，您必须将目标的ID传递给函数。第一个代码给了我与原始代码相同的问题。它只切换第一个元素。第二个代码给了我四行，上面写着“some”，它们经常出现，只是在顶部切换了一些空白。我认为第二个代码是正确的。它可以切换每篇文章，但同时切换所有文章。因此，当我单击其中一个元素时，它会影响页面上的所有文章，例如50篇文章。是的，你是对的。单击元素和隐藏元素是different@Prasad，您有8次

id=“myCRITERIA”

，yurgh，请在我投票之前删除：）我用（$criteria输出每篇文章唯一的productdetails）替换了所有“some”元素，这是一种工作方式。它同时在所有元素上隐藏/显示，但它比以前更好：）谢谢

<button class="proddetBtn" style="vertical-align:middle" onclick="myFunction()"><div>Show productdetails</div>
     </button>

<div id="myCRITERIA" style="display: ">
  <?php echo $criteria ?>
</div> <br>

 function myFunction() {
     var x = document.getElementById('myCRITERIA');
     if (x.style.display === 'none') {
         x.style.display = 'block';
       } else {
         x.style.display = 'none';
     }
 }