Как сделать подобное?

Question

[Manfbu]

Как сверстать подобное? Суть в том что при клике на синий элемент выезжает текст.

Comments

[Михаил]

google > js accordion

[irtf]

Не думаю, что вы верно определились с темой. Вы должны были указать JavaScript, ибо, как по мне, это более удачное решение, нежели CSS.

[Артур]

irtf, это очень просто делается на чекбоксах. Не нужен здесь js

[Ruslan]

slideToggle? Легче всего через js/jquery

Answer 1

[xmoonlight]

Тип интерфейса - "аккордеон".
Он везде есть во всех фреймворках.

Answer 2

[Александр]

Про Bootstrap рассказали ... iBird Rose
Добавим https://getuikit.com/docs/accordion
xmoonlight общее название дал

Answer 3

[Артур]

Codepen.io (без js)
Все, что можно сделать на css, нужно на нем делать, а не писать на js. Сейчас все борются за быстродействие сайтов, по этому нужно максимально разгружать страницу.

Comments

[Артур]

Причем тут все вещи? Мы говорим за конкретный случай. И возможности css будут расширяться только, это же не значит, что ими не нужно пользоваться? Я показал на простом примере как делаются такие вещи на css и заметьте, что моего css кода меньше на много, чем вашего на js. Так что можно тут поспорить, про легко-удобно. Давайте вспомните для чего был сначала js и проведите аналогию, что на нём сейчас можно сделать. То самое с css.

Answer 4

[Макс Кузнецов]

https://www.youtube.com/watch?v=Cj8hWtm_40M

Answer 5

[iBird Rose]

https://getbootstrap.com/docs/4.3/components/colla...

Answer 6

[AlexVOK]

Существует очень много вариантов в поиске