nach unten expandierende Divs nebeneinander ohne JS

[Lythis]

Hallo, ich wollte mal nachfragen ob folgendes möglich wäre:

auf meiner Webseite will ich 3 Auswahlpunkte nebeneinander anbringen. klickt man auf eines wird direkt darunter eine Tabelle aufgeklappt so wie darunter noch mal n bissle Text
(Breite = wie der Button vom Auswahlpunkt)
schön wäre es auch wenn diese Tabelle + Text nicht auf einmal da wären sondern etwas "weicher" erscheinen würden. Diese nun aufgetauchten Infos sollten nun erst wieder weggehen wenn man entweder wieder auf den soeben geklickten Auswahlpunkt geht.

Das ganze möchte ich rein nur mit CSS verwirklichen!

habe die Suchfunktion genutzt und auch im Internet mal geschaut, jedoch keine wirkliche CSS only Anleitung gefunden, wenn mich hier jemand eines besseren belehren möchte darf er dies gerne tun

MFG Lyth

 

[ge_fabian]

ok, ich hoffe ich habe das jetzt verstanden O:

Also du brauchst ein Hoverklapp Menü, welches langsamer ein und aus klappt?

Dann kann ich dir nur folgendes sagen:
Ja das geht mit CSS: CSS3!
Aber (transitions) funktionieren nur in modernen Browsern, daher ist das nicht MEINE erste Wahl.

Aber wenn du dich doch zu JavaScript durchringen kannst, kann ich dir jQuery empfehlen!
jQuery: The Write Less, Do More, JavaScript Library

Im Internet findest du dazu auch eine Menge:
Let me google that for you <- jQuery Effekte
Let me google that for you <- CSS3 transitions