2017-11-11 103 views
0

I usually get my codes from: https://www.w3schools.com时未打开。 还有一个手风琴采取与此代码手风琴在使用<a name>

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> - >到<a name="link"></a> 手风琴不跳开,但保持关闭。 如果有人链接手风琴内容的链接,是否有人知道如何打开手风琴? 谢谢。

回答

0

假设你有地方你的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"} 

让我知道,如果这有助于

+0

完全不工作,现在手风琴根本不开放。 – Nagashiwa

+0

http://atlanticwave.co/anchor-links-open-demo < - 我希望它像那个演示 – Nagashiwa