javascript - 无法切换元素显示以实现类似“标签”的效果

Question

我目前正在我的网站上创建一个评论系统，当用户单击按钮以显示评论框时，我试图切换元素上的显示，但是该按钮似乎没有切换/执行任何操作。

谁能帮帮我吗？我正在使用的代码可以在这里找到。

它很长，所以我使用了 pastebin 来链接它。

发生的事情是我试图隐藏我自己的包含评论系统（disqus）的盒子，但这似乎什么也没做！:(

任何帮助是极大的赞赏。

Answer 1

声明“切换”功能时缺少结束括号。请参阅下面的代码注释。

<script>
function toggle() {
    var ele = document.getElementById("cbox");
    var text = document.getElementById("displaytext");
    if(ele.style.display == "block") {
            ele.style.display = "none";
            text.innerHTML = "View Comments";
    }
    else {
            ele.style.display = "block";
            text.innerHTML = "Hide Comments";
    }
} // <-- This one is missing!
</script>

此外，“cbox”的初始显示状态应该像这样从“隐藏”更改为“无”

<div style="display: none;" id="cbox" class="comments">

如果已经用这 2 个更改测试了您的代码并且它可以工作！