2017-11-11 134 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