Ich suche nach einer Möglichkeit, auf meiner reaktionsschnellen Website eine Slide-Out-Funktion zum Anzeigen weiterer Elemente zu erstellen, die anschließend deaktiviert wirdzwei Linien eines Absatzes.

Ich habe dies zuvor mit einer statischen Website erreicht, indem ich eine festgelegte Höhe auf den Container angewendet und verwendet habeoverflow: hiddenund dann die Höhe des Containers animieren.

Da der Container jedoch reagiert, wird der Text in verschiedenen Browserbreiten komprimiert, sodass der Text möglicherweise mehr oder weniger Platz beansprucht. Es kann auch sein, dass der Inhalt über dem Absatz jedes Mal anders ist, wenn Sie ihn nach unten drücken. Also die Einstellungheight deckt möglicherweise nicht genau zwei Zeilen ab.

Bitte schaut euch diese jsFiddle an:http://jsfiddle.net/XVAzU/ wenn Sie demonstrieren müssen.

Ich muss also nach zwei Zeilen des Absatzes abschneiden, egal wie breit der Container ist oder was vor oder nach diesem Absatz steht.

Danke fürs schauen!