javascript - 基本的javascript Accordion

Question

我正在制作 Accordion 常见问题解答。网上有很多脚本，但我讨厌使用我不理解的脚本(我是 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>

脚本打开刚才找到的 Accordion 。但是，Javascript 的“其他”部分不起作用，当我第二次单击该链接时，我无法让显示关闭。我已经尝试了各种“else if's”的方法，看看如果运气不好，是否可行。

谢谢大家

Answer 1

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

或者，

function faq1() {

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

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

}