Необходимо создать блок с плавно разворачивающимся и плавно сворачивающимся текстом. При этом:

1. Сперва пользователь видит превью текста (несколько предложений), ниже - надпись "посмотреть полностью...", при нажатии на превью текста или на надпись происходит плавное раскрытие всего текстового блока в целом.

2. После раскрытия всего текста в целом, надпись "показать полностью..." смещается в самый низ текстового блока и превращается в "свернуть историю..."

3. При нажатии на надпись "свернуть историю..." весь текстовый блок плавно сворачивается и превращается в первоначальный вид.

Прикрепляю изображение, на котором показан текстовый блок, о котором идет речь в задаче.