Как создать сдвижную - раздвижную ссылку?

[vigus]

Как создать ссылку, при нажатии на которую открывается информация,а при повторном нажатии скрывается?
Пример: http://ramensk.rarum.ru/?menu=ru-auto
Если ссылки задать события, то получается только так (например клик "закрыть", а двойной клик открыть). Но хочется, что бы всё работало по одному клику, и по умолчанию нужная информация была скрыта, а при нажатии открывалась сдвигаясь вниз.

[Vika]

А почему бы не сделать так же не двойной а одинарный клик? Не получается? Тогда может поставить второе изображение , которое будет один в один похоже на первое что по клику открывает, и дать этому второму задание закрывать при клике. Калабмур получился, надеюсь вы поняли.

[anonimus]

Но хочется, что бы всё работало по одному клику, и по умолчанию нужная информация была скрыта, а при нажатии открывалась сдвигаясь вниз.

гуглите запросы: html css спойлер

[vigus]

Спасибо! Нашёл подходящий спойлер!
Способ установки: В меню"страница" жмем "исходники сайта", вставляем этот код в конец страницы.

<style>
.spoilertop {cursor:pointer;}
</style>

<script language="JavaScript" type="text/javascript">
function openClose(id)
{
var obj = "";
// Check browser compatibility
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;
// Do the magic
if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "block";
}
</script>

Спойлер. Вставляйте этот код путем HTML туда, где хотите ваш спойлер расположить

<!--Титл спойлера №1-->
<div class="spoilertop" onClick="openClose('1')">
Заголовок спойлера
</div>
<!--Содержание спойлера-->
<div class="spoilerbox" id="1" style="display:none;">
Тут пишем то, что будет под спойлером.
</div>

Второй спойлер.

<!--Титл спойлера №2-->
<div class="spoilertop" onClick="openClose('2')">
Заголовок спойлера
</div>
<!--Содержание спойлера-->
<div class="spoilerbox" id="2" style="display:none;">
Тут пишем то, что будет под спойлером.
</div>
Если нужно поставить несколько спойлеров, то в последующих спойлерах меняйте цифру 1 на соответствующую. как показано в примере второго спойлера.
Если вы хотите сделать кнопку "скрыть" под текстом спойлера, или любым его содержимым - то этот код:

<!--Титл спойлера №1-->
<div class="spoilertop" onClick="openClose('1')">

Заголовок

</div>
<!--Содержание спойлера-->
<div class="spoilerbox" id="1" style="display:none;">

Тут пишем то, что будет под спойлером.

<!--Титл спойлера №1-->
<div class="spoilertop" onClick="openClose('1')">

Скрыть

</div>

</div>

Спойлер простоват, но зато можно придать любой вид (дизайн) заголовку.

[valdemarus]

я проверил этот код. вставил в txt документ, сохранил как html, открыл в браузере, все работает. Правда заголовки "поджернил" и псевдотекст наполнил, чтобы понять как это дело работает. Но этот спойлер совсем прост, нет плавного "выезда" вниз.

[Mavik]

А еще, дабы не парить себе мозги, можна воспользоваться приложением jQuery FAQ Extension

[Korban]

Друзья, а как поменять цвет, шрифт в спойлере и в заголовке?

[chelsyk]

А есть какое-то расширение для спойлеров с контентом (видео, изображения, html)?

[rin4ik]

Уверен обсуждали вопрос не единожды. Ответа конкретного в виде приложения не нашел.
Для размещения блока FAQ использую приложение jQuery FAQ Extension, вот только оно не увеличивает страницу при раскрытии ответа, а лишь создает полосу прокрутки рядом. Которую нужно мотать, и с которой у многих пользователей возникают проблемы.
Есть ли какое-то решение чтобы при открытии вопроса на ответ, страница удлинялась. А полоса прокрутки не появлялась?

[anonimus]

Уверен обсуждали вопрос не единожды. Ответа конкретного в виде приложения не нашел.
Для размещения блока FAQ использую приложение jQuery FAQ Extension, вот только оно не увеличивает страницу при раскрытии ответа, а лишь создает полосу прокрутки рядом. Которую нужно мотать, и с которой у многих пользователей возникают проблемы.
Есть ли какое-то решение чтобы при открытии вопроса на ответ, страница удлинялась. А полоса прокрутки не появлялась?

к сожалению конструктор сделан так, что высота страницы не умеет динамически увеличиваться
если в новых версиях это сделают, то возможности данного коструктора значительно возрастут

[gladiolus0707]

Уверен обсуждали вопрос не единожды. Ответа конкретного в виде приложения не нашел.
Для размещения блока FAQ использую приложение jQuery FAQ Extension, вот только оно не увеличивает страницу при раскрытии ответа, а лишь создает полосу прокрутки рядом. Которую нужно мотать, и с которой у многих пользователей возникают проблемы.
Есть ли какое-то решение чтобы при открытии вопроса на ответ, страница удлинялась. А полоса прокрутки не появлялась?

Есть решение С помощью событий

[anonimus]

Есть решение С помощью событий

пример работы можете состряпать и выложить у себя?
это по типу как динамически расширяется высота при использовании CMS?

как костыли конечно прокатит, но реально этот способ не очень хорош, хотя и годится в некоторых случаях за неимением лучшего
так как насчёт примера?

[Alex]

Это годиться, когда сделал и забыл, и не часто, иначе утомляет такая работа )))