Accordion

Voditzka

Hallo,

ich probiere mich gerade an einem verschachteltes Accordion . Jedoch bekomme ich es nicht hin, dass das zweite Accordion das Erste beeinflusst.

https://jsfiddle.net/6vjLrkqg/

Wenn man auf "Accordion 1" drückt soll das verschachtelte "Accordion xxx" auftauchen. -> Alles richtig bis jetzt.

Aber sobald ich dann das "Acordion xxx" anklicke passt sich das "Accordion 1" nicht an. -> Text verschwindet hinter dem "Accordion 2"

Erst sobald ich "Accordion 1" schließe und wieder öffne passt sich die Höhe darauf an.

Ich hoffe Ihr könnt mir helfen.

Sempervivum

Das Problem kenne ich, ich hatte es mal bei einem mehrstufigen Menü, das ich mit dem selben Verfahren gebaut hatte.

Lösung, indem Du, wenn das Kind-Akkordeon aufgeklappt wird, die Höhe des Eltern-Akkordeons korrigierst:

Code

      panel.style.maxHeight = panel.scrollHeight + "px";
      var parent = this.parentNode;
      if (parent.classList.contains("panel")) {
        parent.style.maxHeight = (parent.scrollHeight + panel.scrollHeight) + "px";
      }

https://jsfiddle.net/Sempervivum/gkzqvmf7/16/

Voditzka

Vielen Dank =)

Jetzt mitmachen!