Разворачивающийся и сворачивающийся текст, область, изображение на странице сайта при нажатии на кнопку, значок или ссылку

Как сделать на странице сайта что-то подобное? Имеется в виду не всплывающее (pop up) окошко поверх основной страницы, а именно выплывающая, всплывающая, выдвигающаяся область именно в поле самой страницы при нажатии на кнопку, символ или ссылку. Точно также закрывающаяся, уплывающая, задвигающаяся при повторном нажатии (либо при нажатии на подобный же элемент, но с противоположным смыслом).

Несколько ссылок по теме.
ru.stackoverflow.com/questions/1232776/Как-создать-блок-с-выпадающим-текстом-при-открытии-которого-блок-будет-принимат
cyberforum.ru/html/thread1224849.html
qna.habr.com/q/568828
puzzleweb.ru/css/21_modalnoe_okno.php
getbootstrap.com/docs/3.4/javascript/ - найти в нижней части вариант с .collapse hides/shows content
codepen.io/kris-iris/pen/YJGJJL

2023