Задать вопрос
@aliasst

Как сверстать такой элемент?

7a70534f1c62486d9af18ea49ec2e412.jpg

Подскажите как сверстать такую вещь? Нужно чтобы при нажатии на кнопки (tab 1, tab 2, tab 3) менялся их стиль (на оранжевый) и чтобы новый стиль сохранялся до того момента пока не нажата другая кнопка. Также нужно чтобы каждой кнопке соотвествовал свой текст в блоке левее.

По умолчанию должна быть "нажата" первая кнопка и выведен соответствующий ей текст..
  • Вопрос задан
  • 174 просмотра
Подписаться 1 Оценить Комментировать
Решение пользователя Ivan Bogachev К ответам на вопрос (2)
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
такую вещь

такая вещь называется tabs. Вам стоит сходить на codepen и посмотреть примеры, там народ как только не изгаляется: и на чистом CSS, и на скриптах, и с поддержкой wai-aria, и без. В вашем случае этот элемент повернут набок вместо традиционного для него горизонтального положения.
Ответ написан
Комментировать