Produkt Seite JS hinzufügen

Hallo

Als Wordpress Neuling stehe ich vor einem Problem.

Ich möchte ein Accordion in eine Variable Produkt Seite unter Kurzbeschreibung einfügen.

Das hat eigentlich auch funktioniert.

HTML auf der Produkt bearbeitungs Seite im Editor eingefügt.
CSS im Custom CSS vom Theme Customizer eingefügt (Bateaux child theme)
Und für das JS habe ich Scripts n styles plugin installiert. Dort den JS sowohl im header als auch im footer eingefügt. (Global)

jedoch lassen sich die div vom Accordion nicht öffnen.

Wenn ich den JS entferne dann sind sie offen, wenn js eingefügt dann geschlossen.

Ich hätte die accordions gerne geschlossen und beim klick auf den Button offen.

Weis jemand woran das liegen könnte? Ich nutze woocommerce für die produktseite.

Freundlichst max

okey ich habe jetzt herausgefunden dass css für die geschlossene Darstellung verantwortlich ist, NICHT JS.

div.panel {
padding: 0 18px;
background-color: white;
display: none;

aber öffnen lässt es sich trotzdem nicht.

der script sieht folgendermassen aus:

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
}
}

habe ich von https://www.w3schools.com/howto/tryit.as…ow_js_accordion

habe zudem versucht: [TABLE="class: t1"]

[TD="class: td1"]Enqueue Scripts:[/TD]
[TD="class: td2"]accordion[/TD]

[/TABLE]

@ moderatoren: mir ist aufgefallen das ich das Thema evtl am falschen Ort erstellt habe, gehört wohl eher in konfiguration..

edit: unter plugin script n style steht "blog wide script" ist die produktseite dabei nicht inbegriffen?

Ich hab jetzt ein only css (less) Accordion gewählt. So funktioniert es.