Question

I usually get my codes from: https://www.w3schools.com时，手风琴不会打开。手风琴也可以使用此代码

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    this.nextElementSibling.classList.toggle("show");
  }
}

<button class="accordion"> </button>
<div class="panel"></div>

但是，当我使用<a href="#link.html">link</a> - ＆gt;到<a name="link"></a> 手风琴不会跳开但保持关闭状态。如果有人链接手风琴内有内容的链接，是否有人知道如何打开手风琴。谢谢。

Answer 1

假设你有你的css，请从

调整以下行

this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");

到

this.classList.toggle("active");
let sibling = this.nextElementSibling;
if(sibling.style.display == "block") { sibling.style.display == "none"; }
else {sibling.style.display == "block"}

如果有帮助请告诉我

使用<a name="">

1 个答案: