Tabelle Zeilen unsichtbar machen

[hendl]

Hi
Ich habe hier meine Tabelle die jetzt so aussieht mit 2 Zeilen pro Zelle.

Jetzt möchte ich, dass ab der 2 Zeile alle nachfolgenden Zeilen unsichtbar werden und so dargestellt werden als wären sie nicht da und wenn man über die Reihe fährt wieder angezeigt werden.
Ungefähr so

Wenn man dann mit der Maus über der entsprechenden Zeile ist sollen wieder alle Einträge erscheinen.

Mein derzeitiger Code: http://jsfiddle.net/gU8bP/2/

Schon mal vielen Dank
Lg hendl

 

[Jan-Frederik Stieler]

Hi,
so wäre die Tabelle semantisch korrekter, bzw. die dir zur Verfügung stehenden Elemente kann man schon auch nutzen.
Dein Stylesheet pass ich jetzt nicht an das kannste selber machen.

Deine Frage wird in diesem Fiddle auch beantwortet. Kann sein das man das noch etwas finetunen muss aber du siehst was man mit den CSS3 selektoren noch machen kann.

http://jsfiddle.net/qUhYH/

Grüße