Gunnar Bittersmann: Text -> nur 2 Zeilen und ausklappbar

Beitrag lesen

@@Birgit Egger:

nuqneH

Meine Frage ist jetzt, wie ich das mit jQuery machen kann

Per jQuery setzt/löschst du eine Klasse ("expanded") für das betreffende Element. Sonst nichts. Den Rest erledigt CSS:

.js #foo { height: 3em / * an Zeilenhöhe anpassen */ }  
.js #foo.expanded { height: auto }

Bei Bedarf auch Multi-Line Ellipsis in Pure CSS.

(Und <script>[code lang=javascript]document.documentElement.className += " js";</script>[/code] im head – kein jQuery hier!)

Qapla'

--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)