Как скрыть часть текста на сайте под кат и развернуть / свернуть по кнопке | HTML + CSS

Прячем текст, картинки и любой HTML под кат, добавляем волшебную кнопку "ещё". Только HTML и #CSS. Только языково-ориентированное программирование. Только хардкор!
// ---------------- Ссылки на материалы -------------- //
Живое демо - https://codepen.io/droganaida/pen/GRo...
Исходники - https://gist.github.com/droganaida/c2...
Кастомные стили для элементов формы -    • Письмо Деду Морозу. Интерактивная открытка...  
// ------------------------------------------------------------------------ //
// ------ Присоединиться к #BlondieCode ------- //
// ------------------------------------------------------------------------ //
➣ Telegram --- https://t.me/joinchat/HOEP30yXRyBQp4e...
➣ GitHub --- https://github.com/droganaida
➣ Facebook ---   / blondiecode  
➣ Coub --- https://coub.com/aida-drogan
// ------------------------------------------------------------------------ //
//------------ Поблагодарить за видео ----------------- //
// ------------------------------------------------------------------------ //
➣ Кинуть монетку на корм коту --- https://www.paypal.com/cgi-bin/webscr...
➣ Купить прикольную футболку с принтом из видосиков --- https://www.teepublic.com/user/drogan...
//-----------------------------------------------//
Больше видео на тему IT можно найти по тегу #ityoutubersru