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

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

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

Вот так хочу чтобы было:
777.png
Возможно ли это?
  • Вопрос задан
  • 14535 просмотров
Комментировать
Подписаться 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 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Требуется завершить backend (проектная работа)
25 апр. 2024, в 19:42
49000 руб./за проект
Проверить тест по Data Science
25 апр. 2024, в 19:41
2000 руб./за проект
Верстка сайта и натяжка на wordpress
25 апр. 2024, в 19:22
18000 руб./за проект
Ещё заказы