javascript - 简单的 Javascript 在 FireFox 中不起作用(但在所有其他浏览器中都起作用)

Question

我有这段代码，我用它来在我网站的常见问题解答部分中显示一些问题的答案。您单击问题，包含答案的 div 会显示在下方。

它适用于 Safari、Chrome、Opera 甚至 IE，但不适用于 Firefox。

链接什么都不做。

有什么想法吗？或者有什么更好的方法来制作“常见问题解答”部分？我已经在我的页面中加载了 jQuery，如果有什么可以用它做得更好，我不知道。还是纯 CSS 解决方案？

这是我的代码:

JS代码:

    <script type="text/javascript">
    function toggle(tag) {
        if (tag.style.display=='') {
            tag.style.display='none'    
        } else {
            tag.style.display=''
        }
    }
    </script>

HTML代码:

<a href="javascript: toggle(question1)">FAQ Question goes here</a>
    <div id="question1" style="display:none">
        <p>FAQ Answer goes here</p>
    </div

Answer 1

因为您设置了要切换的元素的 ID，所以您需要使用:

document.getElementByID(tag).style.display

而不仅仅是 tag.style.display 在你的切换函数中。