Accordion

    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.

    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/

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden