基本的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"部分不起作用,当我第二次点击链接时,我无法将显示屏关闭.我已经尝试了各种"其他如果"的方法,看看这是否有效.

多谢你们

Answer 1

您在条件中使用assignment(=)而不是comparison(==).

或者,

function faq1() {

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

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

}