Hallo ich einen Zusammenbruch all meinem Akkordeon hinzuzufügen habe versucht, aber kann nicht scheinen, um es herauszufinden .. Dies ist, was ich habe mit: https://www.w3schools.com/howto/howto_js_accordion.aspHinzufügen eines Collapse - Alle erweitern zu einem Akkordeon
Ich habe mich umgesehen, aber es scheint, dass dieses Akkordeon anders ist als die meisten anderen, also wäre jede Hilfe sehr nett.
Hier ist mein Code:
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
CSS
.panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
}
HTML
<article class="accordion">
<div class="info" id="more">Office 123456</div>
<div class="info" id="less">Exhibition</div>
<div class="info" id="less">2017</div>
<div class="info">Offset</div>
<div class="info">169 x 239 mm</div>
</article>
<div class="panel">
<div class="autoplay">
<div><img src="img/01.jpg" alt=""></div>
<div><img src="img/03.jpg" alt=""></div>
<div><img src="img/04.jpg" alt=""></div>
</div>
Wenn Sie den Link erneut besuchen, werden Sie sehen, dass Sie nicht alle css Code –
Ich habe, obwohl ich nicht in diesem Beitrag enthalten .. Ich nach alle fragen, welche Art von js müsste ich hinzufügen, um in der Lage sein zu generieren Ein Alles-Einklappen-Button basierend auf dem, was ich bisher gemacht habe. Willst du damit sagen, dass die CSS mir hier helfen wird? –