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

Как сделать спойлер с красивой кнопкой?

Вопрос собственно вот в чем. Есть потребность сделать спойлер который будет открываться после нажатия на кнопку. Кнопка оформлена с помощью css. не могу понять как сделать так, чтобы при нажатии на кнопку открывался спойлер, но кнопка не пропадала.
Вот код кнопки:
<a href="#" class="button" text-decoration: none;>Кнопка спойлера</a>

Вот так хочу чтобы было:
777.png
Возможно ли это?
  • Вопрос задан
  • 14609 просмотров
Подписаться 3 Оценить Комментировать
Решения вопроса 2
mlnkv
@mlnkv
JavaScript Developer
pushthebutton
@pushthebutton
Я бы использовал jQuery. Например:

<a href="#" class="button" style="text-decoration: none;">Кнопка спойлера</a>
<div class="spoiler" style="display:none; overflow-y:hidden; border:1px dashed #ccc; background:whitesmoke;">Текст спойлера</div>
$(function(){

$(".button").click(function(){
$(".spoiler").toggle();
});

});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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