Частично открытый спойлер

**Revenant** · 16.10.2014 23:56

Собственно хочу сделать такую штуку, как по ссылке
http://meb-biz.ru/catalog/tables/
Там внизу страницы есть текстовый блок, который частично скрыт. Для просмотра нажимаешь на ссылку и открывается полный текст без перезагрузки страницы. Подскажите как эта штука правильно называется, реально реализовать без яваскриптов (на css) и может есть вариант другого оформления с частичной прозрачностью текста ближе к концу, эдакий градиент?

**Omura** · 17.10.2014 01:09

без яваскрипта никак. Тут принцип работы такой - есть блок с текстом и ссылка - нажимаете на ссылку, она скрывается, а блок раскрывается

Код HTML:

<html> <head> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> </head> <body>
ваш текст
<div class="field" style='cursor:pointer'><div class="tofull" >Нажмите меня</div> <div class="full" style='display: none'>А вот и продолжение теста. Нажмите на меня и я закроюсь</div> </div> <script>
$(".field").click(function () {
$(this).find('.full').toggle();
$(this).find('.tofull').toggle();

});
</script> </body>

**Revenant** · 17.10.2014 12:14

Omura, А может подскажите варианты с другим оформлением, чтобы не было необходимости разбивать текст (выводилось заданное количество символов, к примеру 300). как правильно этот вид спойлера называется не знаете?

**Omura** · 17.10.2014 12:37

С помощью php можно автоматизировать разделение текста и появление кнопки для полног раскрытия, если текст длинее n симовлов. Названия как такового нету - раскрывающийся div, спойлер...

	16.10.2014 23:56 #1
Revenant Опытный Регистрация: 27.09.2010 Сообщений: 286 Репутация: 30 Webmoney BL: ?	Собственно хочу сделать такую штуку, как по ссылке http://meb-biz.ru/catalog/tables/ Там внизу страницы есть текстовый блок, который частично скрыт. Для просмотра нажимаешь на ссылку и открывается полный текст без перезагрузки страницы. Подскажите как эта штука правильно называется, реально реализовать без яваскриптов (на css) и может есть вариант другого оформления с частичной прозрачностью текста ближе к концу, эдакий градиент?
0 Revenant

	17.10.2014 12:14 #3
Revenant Опытный Регистрация: 27.09.2010 Сообщений: 286 Репутация: 30 Webmoney BL: ?	Omura, А может подскажите варианты с другим оформлением, чтобы не было необходимости разбивать текст (выводилось заданное количество символов, к примеру 300). как правильно этот вид спойлера называется не знаете?
0 Revenant

	17.10.2014 12:37 #4
Omura Дипломник Регистрация: 25.09.2014 Сообщений: 161 Репутация: 17	С помощью php можно автоматизировать разделение текста и появление кнопки для полног раскрытия, если текст длинее n симовлов. Названия как такового нету - раскрывающийся div, спойлер...
0 Omura

Темы	Раздел	Ответов	Последний пост
Как спрятать код под спойлер?	Вопросы от новичков	4	04.07.2014 10:45
Как организовать спойлер для Joomla?	Joomla	5	18.02.2014 01:23
Что делать если частично скопирован блог?	Вопросы от новичков	6	23.03.2012 17:36
Спойлер на блоге WordPress	Дайджест блогосферы	0	04.04.2011 20:10

Частично открытый спойлер

Опции темы

Спасибо сказали:

Тэги топика:

Похожие темы

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

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

Что делать если частично скопирован блог?

Спойлер на блоге WordPress

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры