Schon festgestellt? Dem Forum sind gerade alle Interaktionsmöglichkeiten genommen. :(

Mehr dazu unter: Abstimmung über das Forum

  • 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.

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von Voditzka ()

  • 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
    1. panel.style.maxHeight = panel.scrollHeight + "px";
    2. var parent = this.parentNode;
    3. if (parent.classList.contains("panel")) {
    4. parent.style.maxHeight = (parent.scrollHeight + panel.scrollHeight) + "px";
    5. }

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