Расширяемый контент, с чего начать? (только CSS)

Question

Поэтому я хочу, чтобы этот div расширялся вниз, открывая много нового текста. И при повторном нажатии он разрушается до своего первоначального состояния.

https://imgur.com/o2oZwC0

Я не знаю, с чего начать, и возможно ли это сделать только с помощью css?

 .tip1 {
 width: 100%;
 height: 80px;
 background-color: grey;
 border-radius: 80px;
 float: left;
 cursor: pointer;
 }

Answer 1

Похоже, вы можете использовать что-то вроде этого.

Answer 2

Вы можете использовать этот способ, чтобы сделать это

• чистый CSS
  • максимальная высота
• html итоговый тег

Answer 3

Вы не можете сделать это только с помощью CSS. Вам понадобится JavaScript для работы. Смотрите следующую ссылку для справки Аккордеон