Ich habe in meinem ClickFunnel vier JavaScript-Elemente. Sie sind nicht direkt hintereinander, aber genau gleich gecodet.
Es handelt sich dabei um Dropdown-Elemente.
Mein Problem ist, dass das erste und dritte Element problemlos funktioniert, aber das zweite und vierte nicht. Da kommt kein Dropdown, wenn ich darauf klicke, obwohl alle Elemente gleich gecodet sind.
Woran könnte das liegen? Stehen die einander vielleicht im Weg? Ich kann es auch leider nicht anders machen, da zwischen den Elementen Bilder sind, die dazu gehören.
Hier mein Code (HTML / JS) von einem Element:
<div class="all4">
<div class="obj">
<button class="Produkte" style="margin-right: 1vw;">Kompressor</button>
<div class="panel">
<p>
Tankinhalt: 2 × 50 Liter</br>
Energiequelle: Honda 4Takt GX200 bleifrei</br>
Antrieb: Riemen</br>
Atom. Standgas: Ja</br>
Start: Zugseil</br>
Abgabeleistung: 490 Liter Minute bei 12 bar</br>
Abgabeleistung: 550 Liter Minute bei 6 bar</br>
Max. Druck: 12 bar</br>
Abmessungen: 95cm × 51cm × 85cm (ohne Transportgriffe)</br>
Gewicht: ca. 75 Kg</br>
Lärm: ca. 95 Db</br>
Garantie: 1 Jahr</br>
</p>
</div>
</div>
<script>
var acc = document.getElementsByClassName("Produkte");
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.display === "block") {
panel.style.display = "none";
}
else {
panel.style.display = "block";
}
});
}
</script>
