Как вы показываете только первую строку текста div и расширяете при щелчке?

Я хочу показать только первую строку блока обернутого текста, а затем при щелчке показать весь блок. Кроме того, я хотел бы знать, как переключить его обратно на компактную однострочную версию при втором щелчке мышью.

Есть ли простой способ сделать это с помощью css + javascript? Я использую jQuery.