Задать вопрос
yos
@yos
html

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

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

Вот так хочу чтобы было:
777.png
Возможно ли это?
  • Вопрос задан
  • 14605 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 2
mlnkv
@mlnkv
JavaScript Developer
вот на чистом css
jsfiddle.net/NkYNL
Ответ написан
5 комментариев
5 комментариев
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();
});

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать бэкэнд на Node.js
25 нояб. 2024, в 18:39
30000 руб./за проект
Разработать бэкэнд на Django
25 нояб. 2024, в 18:35
30000 руб./за проект
Перенести сайт на CMS Wordpress c Tilda
25 нояб. 2024, в 18:33
10000 руб./за проект
Ещё заказы