Javascript 基本手风琴

我正在制作手风琴常见问题解答。网上有很多脚本，但我讨厌使用我不懂的脚本（我对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>

对问题1的答复

脚本打开手风琴刚找到。然而，Javascript的“else”部分不起作用，当我第二次单击链接时，我无法使显示关闭。我尝试过各种“如果其他”的方法，看看这是否会在没有运气的情况下奏效

感谢各位

在您的情况下，您使用的是赋值（

=

）而不是比较（

=

）

或者

function faq1() {

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

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

}

在您的条件下，您使用的是赋值（

=

）而不是比较（

=

）

或者

function faq1() {

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

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

}

---

“我讨厌使用我不懂的脚本（我是Javascript新手）”-也许这就是你应该解决的问题。虽然为学习目的而重新发明轮子显然是有价值的，但在跑步之前先走路。在编写您自己的、临时的、不可使用的替换之前，IMO应该能够使用基于文档的库，这听起来就像是给自己设置了一个维护噩梦。此外，您是否尝试过使用调试器？检查是否调用了

faq1（）

，执行了哪些行，以及

faq1.style.display

的实际值是什么。“我讨厌使用我不懂的脚本（我是Javascript新手）”-也许这是您应该解决的问题。虽然为学习目的而重新发明轮子显然是有价值的，但在跑步之前先走路。在编写您自己的、临时的、不可使用的替换之前，IMO应该能够使用基于文档的库，这听起来就像是给自己设置了一个维护噩梦。此外，您是否尝试过使用调试器？检查是否调用了

faq1（）

，执行了哪些行，以及

faq1.style.display

的实际值是多少。我真傻。谢谢你的帮助，像符咒一样修复了它。@user1935137礼貌的做法是“接受”他们的答案，这样他们就可以得到解决方案的信任。我真是太蠢了。谢谢你的帮助，把它修好了。@user1935137礼貌的做法是“接受”他们的答案，这样他们就可以得到解决方案的信任。