Ferdinand: Animiertes Accordion Menü mit Table-artiger Struktur

Beitrag lesen

Hallo again,

...okay, hoffe das wird nicht als Spam (weil quasi Doppelpost) gesehen, aber es stellt sich meines Erachtens nun ein viel grundlegenderes Problem, welches thematisch dann doch bereits ein Stück weit von meiner ursprünglichen Frage weg ist.

Meinen ursprünglichen Thread findet ihr hier, ist aber eigentlich für das Verständnis dieses Problems nicht weiter notwendig.

(Solltet ihr diesen "Doppelpost" als unangemessen empfinden, bitte ich die Moderatoren und deren Innen, die Threads vielleicht zusammenzuführen.)

Danke nochmal an Gunnar Bittersmann, Rolf B und MudGuard.


...und zwar war der ursprüngliche Gedanke, ein animiertes Accordion-Menü herzustellen, was mit einer Tablestruktur nicht ohne weiteres möglich scheint (da max-height (, etc.) für table Elemente ja nicht definiert ist, wie erwähnt, danke euch nochmals für diesen Hinweis)

Ich wollte also den Menüpunkt in <thead> zu packen und den animiert auf- und zuzuklappenden Teil in <tbody> zusammenzufassen - so nicht möglich.

Wenn ich hier aber schon per Hand skripte und auf WordPress, WIX und Stuxnet verzichte, sollte das Resultat dann doch semantisch halbwegs sauber daherkommen...

Die Idee war nun, das Menü als unordered List zu erstellen - semantisch handelt es sich aber einfach um eine Tabelle!

<header>Menüpunkt</header>
<ul>
	<li><div>SPALTE1</div><div>SPALTE2</div><div>SPALTE3</div></li>
	<li>...</li>
</ul>

wobei ich dann mit ul li div:nth-child(...) die Spalten einheitlich stylen kann. Wirkt ein bisschen abenteuerlich auf mich.

Sollte ich das Problem besser so angehen?:

<header>Menüpunkt</header>
<div>
	<table>
		<tbody>
			<tr><td>Spalte1</td><td>Spalte2</td><td>Spalte3</td></tr>
		</tbody>
	</table>
</div>

...wobei ich hier dann das die Tabelle umgebende div mit max-height animieren können sollte (, oder?)...

Was meint ihr dazu?

Danke nochmals!

Ferdinand