Eu estou procurando uma maneira de criar um slide 'mostrar mais' recurso no meu site responsivo, que corta depoisduas linhas de um parágrafo.

Consegui isso antes com um site estático, aplicando uma altura definida ao contêiner e usandooverflow: hiddene, em seguida, animando a altura do contêiner.

Mas, sendo responsivo, o contêiner repele o texto em larguras de navegador diferentes, de modo que o texto pode ocupar mais ou menos espaço. Também pode haver conteúdo diferente acima do parágrafo, cada vez que for pressionado. Então a configuraçãoheight pode não cobrir duas linhas exatamente.

Por favor confira este jsFiddle:http://jsfiddle.net/XVAzU/ se você precisar demonstrar.

Então eu preciso cortar depois de duas linhas do parágrafo, não importando a largura do container ou o que vem antes ou depois daquele parágrafo.

Obrigado por olhar!