Есть блок в котором находится описание товара. Возможно ли сделать с помощью свойств CSS, если текст больше блока, то часть его скрывается и появляется кнопка, по нажатию на которую блок с текстом полностью открывается. Сейчас в голове только вариант с помощью overflow: hidden и js или label, input. менять высоту блока.
Ответ
Можно вот так сделать
button {outline: none;}
.text {
display: block;
width: 300px;
height: 10px;
border: 1px solid black;
padding: 5px;
margin-top: 5px;
outline: none;
overflow: hidden;
}
.text:focus, button:focus ~ .text {height: auto;}
Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим!
Комментариев нет:
Отправить комментарий