Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать спойлер

Как сделать спойлер


     10.02.2014    Общие вопросы по вёрстке, Стили (CSS), jQuery    5222

вопрос
Хочу сделать правила сайта по типа спойлера.

Как ТУТ

Ответил: kronon


http://getbootstrap.com/javascript/#collapse
стили естественно придется подгонять самому или просить кого то )

4 комментария

lGaaral
Юзер

lGaaral - 10 февраля 2014 22:49 -

На странице примера, можно открыть сразу несколько вопросов (спойлеров)

На http://getbootstrap.com/javascript/#collapse я пощёлкал в примеры. И так понял, что открываться будет всего один элемент.

lGaaral
Юзер

lGaaral - 10 февраля 2014 23:12 -

Я так понимаю, что это на css написано всё.

rambess1984
Юзер

rambess1984 - 10 февраля 2014 23:25 -

Вот вам простенький спойлер

<!-- Spoiler start -->
<dl><dt class="title_spoiler">
<a href="javascript: void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block';} else { spoiler.style.display = 'none';};">
Название Сполера </a> </dt>
<dd class="quotecontent" style="display: none;">
Текст сполера</dd></dl>
<!-- Spoiler end -->

rambess1984
Юзер

rambess1984 - 10 февраля 2014 23:26 -

вид оформление берет от стандартного спойлер в DLE так, оформление спойлер менять в своем дизайне внутри шаблона

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх