Это работает по принципу dropdown (выпадающие списки / меню), как правильно верстать или загуглить?

Question

[VaILeo]

Comments

[Ankhena]

Нативными средствами это теги details и summary.
А гуглить по запросу "аккордеон на js"

[Froggyweb]

dropdown подразумевает выбор варианта. Это аккордеон или спойлер.

Answer 1

[Вадим]

1. dropdown это сам выпадающий блок, как правило с абсолютным позиционированием или относительно родителя. На картинке - accordion (причём dropdown может быть частью accordion. В dropdown показывается контент, а над ним элемент активатор)
2. Не существует правильной или не правильной вёрстки. Есть вёрстка, которая отвечает требованиям и которая не отвечает.
3. Ну а так, есть примеры "от w3c" как верстать разные ui элементы с хорошей доступностью. Например https://w3c.github.io/aria-practices/examples/acco...