javascript - Javascript 功能阻止仅在 1 个按钮上工作，而不是全部

Question

我有一个切换菜单的 Javascript 函数。这适用于第一篇文章（我正在使用Wordpress），但现在，在 上comments，它不起作用 cq 切换。我编辑wp_list_comments并在每条评论上放置了这些锚点，但如果我点击它们，它们什么也不会做。

这是我正在使用的功能：

function showElement(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none"){
myLayer.style.display="block";
myLayer.backgroundPosition="top";
} else {
myLayer.style.display="none";
}
}

 document.getElementById("share-bar").onclick = function(){
        javascript:showElement('v-menu');
    };

PS：当我将此脚本内联时，在 .php 文件中，它可以工作，但现在我希望它如何工作。如果我在评论中单击此锚点，它将打开第一篇文章的菜单。所以我不能同时打开多个菜单和正确的菜单......

有人可以帮我解决这个问题吗？

PS：我检查了控制台，没有错误或任何错误。PS：我认为这与ID / Class有关，所以使用过getElementsByClassName()，但这也不起作用。

这是 jsFiddle：http: //jsfiddle.net/uKVwG/

Answer 1

document.getElementById只能返回一个元素。htmlid根据定义是唯一的。

您应该改用类！

document.getElementsByClassName('share').onclick = function(){
    showElement(this.getElementsByClassName('v-menu')[0]);
}