Задать вопрос
den_savi
@den_savi
Бог верстки (на самом деле нет)

Как сделать кнопку подробнее, которая будет раскрывать блок?

Задача такая: Есть блок, нужно сделать, чтобы в него помещалось, например, 4 строки. Если же строк больше, нужно, чтобы появлялась кнопка "подробнее", при нажатии на которую появляются остальной текст. Текст должен выезжать, а кнопка меняла текст например на "скрыть". Как реализовать такое?
  • Вопрос задан
  • 11475 просмотров
Подписаться 3 Простой Комментировать
Решения вопроса 2
Для текста установить нужную высоту max-height , скрываем лишнее - установить overflow: hidden. При нажатие кнопки установить max-height текста 999px(к примеру). Это можно например с помощью JS , либо чисто на css с помощью input checkbox.
P.S. ну для красоты добавить transition.
Ответ написан
Комментировать
MrSteep
@MrSteep
ленивый
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы