Szukam sposobu na stworzenie wysuwanej funkcji „pokaż więcej” na mojej responsywnej stronie, która przestaje działaćdwie linie akapitu.

Osiągnąłem to wcześniej dzięki statycznej stronie internetowej, stosując ustaloną wysokość do kontenera i używającoverflow: hidden, a następnie animowanie wysokości kontenera.

Ale reagując, kontener zgniata tekst w różnych szerokościach przeglądarki, więc tekst może zajmować więcej / mniej miejsca. Również może być inna treść nad akapitem za każdym razem, gdy ją wciskasz. Więc ustawienieheight może nie pokrywać dokładnie dwóch linii.

Sprawdź to jsFiddle:http://jsfiddle.net/XVAzU/ jeśli musisz wykazać.

Więc muszę odciąć po dwóch liniach akapitu, niezależnie od szerokości kontenera lub tego, co jest przed lub po tym akapicie.

Dzięki za szukanie!