Tabelle mit Toggle erstellen

[Sempervivum]

Eine Alternative wäre, die Nummer und den Namen in einer Tabellenzeile anzuordnen, das details-Element in einer neuen Zeile wo es alle Zellen überspannt und dann durch ein negatives margin-top nach oben verschieben, so dass das summary die Zeile mit Nummer und Namen überdeckt. Aber dann hat man mit den Problemen von überlappenden Elementen zu kämpfen.

 

[Oliver77]

So, weil die Div-Lösung doch recht unübersichtlich ist, nochmal als Tabelle:
https://codepen.io/Oliver7777/pen/GgKwMQm

Mit Div's einfaches Javascript, mit Tabelle etwas komplizierter