javascript - 基本的 JavaScript 手风琴

Question

我正在制作手风琴常见问题解答。网上有很多脚本，但我讨厌使用我不理解的脚本（我是 Javascript 新手）。所以我从基础开始，一步步往上走。以下代码让我感到沮丧，为什么它不起作用：

Javascript：

function faq1() {

var faq1 = document.getElementById("faq1")

if (faq1.style.display = "none") {
faq1.style.display = "block";
}

else {
faq1.style.display = "none";
}
}

HTML/CSS：

<a href="#" onclick="faq1()">Question 1</a>
<div id="faq1" style="display: none">
Answer to question 1
</div>

该脚本打开了刚刚找到的手风琴。但是，Javascript 的“其他”部分不起作用，当我再次单击该链接时，我无法关闭显示。我已经尝试了各种“else if's”的方法，看看这是否会奏效。

多谢你们

Answer 1

您在条件中使用赋值 ( =) 而不是比较 ( ==)。

或者，

function faq1() {

    var faq1 = document.getElementById("faq1");

    faq1.style.display = faq1.style.display == "none" ? "" : "none";

}