Question

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

任何人都可以帮助我吗？我正在使用的代码can be found here。

这很长，所以我用了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个更改测试了您的代码并且它可以正常工作！

无法切换元素显示“tab”效果

1 个答案: