Как сделать плавный спойлер "больше" и "меньше"?

Всем доброго времени суток.

Хочу сделать спойлер, который будет скрывать текст, который например длинее 300 символов. Хочу плавности добится ну и соответственно красоты.
На скриншотах пример. Как подобное сделать, или может есть образец где-то?