Не нравятся результаты поиска? Попробуйте другой поиск!

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


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

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

Как ТУТ

Ответил: kronon


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

Комментарии пользователей (4)

lGaaral
1

24 | 1

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

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

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

lGaaral
1

24 | 1

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

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

rambess1984
38 | 1

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
38 | 1

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

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

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

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