W3Cからアコーディオンを複製しようとしています。私のプロジェクトは、CSS、FONTS、IMAGES、SCRIPTの4つのフォルダにまたがっています。問題は、JSが背景画像を切り替えたくないということです。ここに私のコードです。アコーディオンで矢印を変更できません
CSS
.accordion {
width: 100%;
height: 34px;
border-style: none;
border-bottom: 1px solid #515151;
background-color: #000;
color: #fff;
text-align: left;
padding: 10px;
font-family: Tahoma;
font-size: 12px;
background-image: url(../IMAGES/arrow-right.png);
background-repeat: no-repeat;
background-position: 330px 15px;
transition: 0.4s;
cursor: pointer;
}
JS
for (i = 0; i < accordion.length; i++) {
accordion[i].onclick = function() {
this.nextElementSibling.classList.toggle('show');
if (this.textContent === 'Click to open') {
this.textContent = 'Click to close';
} else {
this.textContent = 'Click to open';
}
if (this.style.backgroundImage === 'url(../IMAGES/arrow-right.png)') {
this.style.backgroundImage = 'url(../IMAGES/arrow-down.png)';
} else {
this.style.backgroundImage = 'url(../IMAGES/arrow-right.png)';
}
}
}
アコーディオンとは何ですか?関連するHTMLはどこですか? – plumwd
アコーディオンは、divを開くボタンで構成されています。 HTMLは上記の4つのフォルダを含むメインフォルダにあります。 –
アコーデオンの宣言とHTMLを教えてください。 – plumwd