Делаем раскрывающиеся блоки
Самое простое и маленькое JavaScript решение для раздвижных блоков, никаких громоздких библиотек — только самое необходимое.
Это «самое необходимое» занимает всего ничего — 3 килобайта, просто смешной размер, а прием на 5 баллов :-)
Убедительно прошу всех читателей поучаствовать в опросе! ;-)
Пример раскрывающихся блоков
В архиве прилагается упакованная версия скрипта размером в 2 килобайта, но у меня она глючила, и по умолчанию я подключил обычную версию.
спасибо, пригодится.
Симпатично, даже захотелось где-нибудь приткнуть
Вот это выглядит классно! Уже судорожно думаю куда бы добавить:)
В примере – «Терий блок» :)
А так спасибо, искал что-то подобное, все реально громоздкое и перенавороченное
круто
thx
Это полезно только когда не используешь библиотеки для других целей. Например, у меня очень много красивостей завязано на jquery, логично, что и для подобного эффекта я использую её.
Я в курсе, опечатка :-(
Спасибо большое! Сейчас буду прикручивать! Как раз искал такие штуки!
А как сделать, чтобы третий блок не скрывался, когда открыты все три?
да прикольн спс за сэмпл… )
Штука забавная, только у тебя собственный сайт в ie6 смотрится убого.. в меню display:block поправь
как бы это дело к wp прикрутить…нипаняяяятна
Очень круто, но отступ очень большой от начала страницы.Как его убрать? Пример:
кто подскажет, как реализовать подобный эффект для таблиц?
Есть таблица с информацией, каждая строка должна содержать ещё множество дополнительной информации, которая открывается подобным образом.
для таблиц можно и это попробовать
только:
это prototype
и наверно надо будет слегка подпилить :) но настроек масса, да человек хорошо делает скрипты у него проверенные.
или
Огромное спасибо! То что нужно!
[сначала немножечко офф-топа]
Я торчу от множества оригинальних идей, которые предствлены в ентом блоге. Спасибо огромное автору блога! Я Ваш постоянный читатель на веки! Да и дизайн, и всьо оформление меня очень кроет! Так что действительно – респект. Все очень оригинально, легко воспринимается визуально. Просто балдеж для глаза, истомленного чтением в интернете.
[теперь вопрос]
А как сделать так или что надо изменить в скрипте, чтобы при загрузке страницы с раскрывающимися блоками они все находились в свернутом состоянии? (Сейчас первый блок всегда открыт при загрузке.) Спасибо тому, кто подскажет!
[ржунимагу]
Не прошло и 2-х минут, как я запостил вопросик – и меня самого осенило! Хотя я в скриптах ни бум-бум особенно, но прочитав у источника следущее:
You will need to call the following function in your body onload where the first parameter is the div id of the accordion parent and the second tells the script which section to expand onload.
———————–
slider.init(‘slider’,1)
———————–
меня осенило – я изменил единичку на нолик – и тепер блоки загружаются свернутыми.
Теперь я мучаюсь со своими скудными познаниями в скриптологии, как сделать, чтобы работало больше чем три блока. А то вот добавляю 4-й енергоблок – и все блокируется. :(
Спасибо тому, кто подскажет!
Так все таки, как же реализовать добавление 4-го, 5-го и т.д. блоков, у меня вместо текста в контенте фото с прокруткой (в первых 3-х все четко), а добавляя 4-й блок, прокрутка почему-то выскакивает за пределы блока и прилипает к правой части страницы, ну и функционал открытия/закрытия блока начиная с 4-го уже не фурычит? Буду весьма признателен за помощь:)
[:-)]
Просто какой-то монолог из самим собой! Нет, все-таки полезно в чем-то копаться, что-то разбирать. Уже все работает. Блоки добавляются (просто бил нев нимателен, – вот точно прямо как сейчас).
Всем спасибо за моральную поддержку :)
Ну, и еще раз – огромное спасибо писателю за его труды!!!
Планирую еще некоторые фичи использовать зде опубликованные. Грех не использовать!
Случайно набрел на ооочень полезную штуку для меня в данное время. Какараз работаю над одним проєктом, где надо использовать большие (и шорокие к тому же) таблички. Сам искал за таким решением – и вот – еврика! – нашел!
Спасибо большое! Ураааааааа! Это то что надо! А там можно место текста поставить ссылки?
Конечно можно.
Давно искал такую чтуку, но все что находил – было уж слишком заморочено и громоздко… А тут – то что надо!!! спс
На основе Accordeon-меню? По крайней мере, по задумке похоже. Если не видели – поищите, сравните код по оптимальности )
прошу прощения, ссылку не заметил. А в чем принципиальное различие? Accordion еще легче получается
PS Что-то у Вас проблема с запоминанием юзера (мейл, сайт) – пришлось куки удалять, чтобы 2й комментарий написать
Очень!
Спасибо, пригодится!
ОГРОМНОЕ СПАСИБО!!!! ДОЛГО ИСКАЛ!!!
Хороший скрипт. Но есть проблемка — при больших размерах содержания блоков наблюдается неприятный эффект дрожания, например . Кто знает как это дело победить?
Спасибо.
Спасибо большое! Этот материал оказался мне просто необходим!
Единственно что, я не разобралась как сделать, чтобы работали больше чем три блока. Помогите, пожалуйста, кто знает!!!
Приходится по работе выполнять задания не по своей специальности, я, вобщем-то, визуализатор, в скриптах не особо разбираюсь. Жду и надеюсь на ответ!!!
Ой, была не внимательна! Всё получилось
а как сделать тоже самое тока по вертикали… я хочу туда всю боковую панель запихнуть…ыыы)))
АВЕ!!! То что искал! Спс автор!!!)
Под развалюхи (IE6, к примеру) этот скрипт пашет? А еще: можно ли сделать без анимации?
Всё, не надо)) Сделал другой скрипт
А кроссбраузерное ли решение скажите… Везде работать будет?
Ладно проверю отпишу
Подскажите пожалуйста, как сделать так, чтобы это работало в цикле? У меня в блоке выводится короткая запись из БД и я хочу, чтобы при клике мыши на этой записи выводилась полная информация.
Отлично, как раз искал такие блоки! Спасибо, уже прикручиваю :)
Супер, то что нужно!!!
Вещь хорошая. Только вот больше чем 3 строки не получается ((
Привет, у меня такой вопрос. Я в java скриптах пока совсем не разбираюсь, поэтому хочу узнать. Как сделать чтобы в этом примере верхнее окошко при загрузке страницы было сразу свёрнутым?
Спасибо большое то что мне нужно!!))))
Саша вот в этой строчке 1 – единицу смени на 0 – ноль , тогда у тебя должно получиться вот так и тогда они у тебя будут все закрытые =)
body id=»page_2″ onload=»slider(‘slider’,0)»
блин, все такие умные… даже неудобно спрашивать…
у меня сайт на wordpress
ребята, подскажите, пожалуйста, куда это все копировать или вставлять, чтобы у меня на одной из страниц такие блоки появились?
У меня аналогичный вопрос, как у Юли. Что куда вставить, чтобы заработало? Если посмотрите первую страницу моего сайта (WordPress), подскажите? как мне упаковать в два блока списки в верхней части страницы? (www.music-harbor.com)