Как называется расширение, помогите. [РЕШЕНО]

[boot]

Искал по форуму в поиске по слову спойлер для сайта.
Подскажите как называется расширение при нажатии на кнопку происходит раскрытие списка.

Вот пример http://a-kharitonov.ru/samples/spoiler.html#

Буду благодарен.

[Mavik]

jQuery FAQ

[boot]

Но туда не вставляются картинки. А по задумке я хочу товары туда запрятать с описанием.

Это больше подходит к текстовым данным

[gladiolus0707]

Но туда не вставляются картинки. А по задумке я хочу товары туда запрятать с описанием.

Это больше подходит к текстовым данным

не вопрос, вот ваша ссылка ссылка

[boot]

Зачем писать если ответить на вопрос не можете? Ради набора Сообщений.
Меня именно интересует расширение для блидера.
А не уроки джиквери.

[ishvan]

Зачем писать если ответить на вопрос не можете? Ради набора Сообщений.
Меня именно интересует расширение для блидера.
А не уроки джиквери.

ну видимо в билдере таких расширений нет.

[Mavik]

Но туда не вставляются картинки. А по задумке я хочу товары туда запрятать с описанием.

Это больше подходит к текстовым данным

jQuery Accordion Widget
jQuery Dialog Widget
jQuery Portlets

[boot]

jQuery Accordion Widget
jQuery Dialog Widget
jQuery Portlets

Спасибо но это всё не то. А мне нужно что бы сайт раздвигало и открывало каталог с товарами.

Может это както по другому решается. Например через слой? или через вставку хтмл?

---------------------------------------------------------------------------------------------------

Ребята вот додумался до такого вставки кода.

В свойствах страницы вставил в хед вот такой код

<style type="text/css">
.onner {color: blue}
.spoiler {border:0px solid #ddd; padding:3px;}
.spoiler .inner {border:0px solid #eee; padding:3px;margin:3px;}
</style>

<script type="text/javascript">
function showSpoiler(obj) {var inner = obj.parentNode.getElementsByTagName("div")[0]; if (inner.style.display == "none") inner.style.display = ""; else inner.style.display = "none"; }
</script>


Далее выделил нужный объект и в хтмл исходнике объекта я сделал вставку кода в начале объекта и в конце. ( жирным выделил сам объект что бы было понятно )

<div class="spoiler">
<span class="onner" onclick="showSpoiler(this);">Показать/Скрыть</span>
<div class="inner" style="display:none;"> <img src="images/index_0001.png" id="Shape2" alt="" style="border-width:0;width:1023px;height:360px;">Скрытое содержимое</div></div>

Теперь не знаю как сделать так что бы при нажатии на кнопку показать нижняя часть раздвигалась на длину скрытого содержимого.

Прикрепляю шаблон наглядно будет видно и наверняка понятней https://www.dropbox.com/s/q8inv5wef21gxao/Dropbox.rar

Буду благодарен за ваши мысли.

[Mavik]

Тему уже обсуждали на единожды.
http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=12&t=593&p=5986&hilit=jQuery+FAQ#p3491
Слоями и событиями можна добиться такого
http://mavik.vv.si/1/

[Mavik]

Но туда не вставляются картинки. А по задумке я хочу товары туда запрятать с описанием.
Это больше подходит к текстовым данным

Да и картинки нормально вкладываются
http://mavik.vv.si/3/

[boot]

Мавик спасибо но ты не показал все же пример как сделать что бы сайт раздвигался. Я шаблон для этого и приложил что бы было видно наглядно. Там нижняя часть не сдвигается ни в низ ни вверх