Mein Code: JSFiddle exampleAnzeigeprobleme mit zwei Spalten Akkordeon-Menü
wie Sie sehen können, wenn Sie von einer Spalte auf einem übergeordneten Link klicken Sie den Code verschiebt die anderen Spalt, und wenn Sie setzen Sie den „Position“ Anstand "absolut" dann bewegt sich die Spalte nicht, aber das rote Kästchen unten bewegt sich nicht mehr ...
wie kann ich das beheben?
Sie können dieses Problem beheben, indem Sie Ihre Spalten float: left statt display: inline-block haben. Beachten Sie, dass Sie dazu clear Ihre Floats am unteren Rand benötigen.
Hier ist Ihre Lösung: http://jsfiddle.net/jh5np/16/
einige Probleme damit: Höhe wird manuell angegeben, ohne Rücksicht auf die Anzahl der untergeordneten Elemente in einer Liste (Sie hätten dies vermeiden können, indem Sie einfach 'clear'. Toggle macht keine Rücksicht darauf, ob das Menü geöffnet oder geschlossen wird. Ihre Lösung funktioniert, wenn Sie immer zum Öffnen klicken und zum Schließen klicken, aber nicht, wenn Sie klicken, um von einem Knoten zum anderen zu wechseln, Sie könnten dies gelöst haben, indem Sie einen Bool an die Toggle-Funktion übergeben oder wieder clear und no toggle verwenden überhaupt. –
stimmte mit David überein. – Ankit
Dank! Es wirkt wie ein Zauber. – Boos93