dvvinfo
@dvvinfo
Верстальщик

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

Подскажите пожалуйста как сделать такой блок. При нажатии на кнопку с плюсиком появляется блок с текстов. При нажатии кнопка меняет цвет на зеленый. По умолчанию она черная и блок с текстом скрыт
5ca329c128ce0291428054.png
  • Вопрос задан
  • 113 просмотров
Решения вопроса 1
@glagolew059
frontend developer
т.к. здесь не фриланс опишу возможный вариант, который вы должны реализовать сами:

у вас есть блок родитель, внутри которого кнопка, заголовок и текст (скрытый изначально с display: none)
вешаете js обработчик на кнопку, который при клике добавляет/удаляет класс (например .active) родителю,
и добавляете доп стили через этот класс, т.е. если есть .active у родителя, то кнопка зеленая и текст display: block;
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Mi11er
@Mi11er
A human...
Я конечно не мастер верстки.

Но думается алгоритм такой
Вешаем ивент OnClick На кнопку, далее делаем ToggleClass -> active кнопке и блоку.
Ответ написан
Комментировать
svistiboshka
@svistiboshka
живые веб интерфейсы
при клике всему блоку даешь класс active например
.description {display: none}
.plus {color: black}
.active .description {display: block}
.active .plus {color: green}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы