Делаем разворачивающийся список с jQuery — плагин jExpand

30 июля 2009 года, Размещено в категории: jQuery / MooTools

разворачивающийся список с jQuery

jExpand это ультра легкий jQuery плагин, который заставит ваши сроки расширяться. Типичная строка для бизнес-приложений, эта функция поможет Вам лучше организовать таблицы. Таким образом, таблица может содержать больше информации, таких как изображения, списки, диаграммы и другие элементы.

Если включить фантазию, по применений плагина jExpand, тогда можно и разворачивающийся список, и очень крутое меню сделать. Нужно только фантазию включить 🙂

Как это работает?

Чтобы иметь такие расширяемые таблицы нужно добавить по два ряда для каждой строки, первая будет "Главная строка", а вторая "Внутренняя строка". При нажимании на "Главная строка", будет открываться "Внутренняя строка".

"Главная строка" может содержать столько колонок, сколько это необходимо. Важно то, что "Главною строку", придется заключать в span (используя атрибут colspan) все столбцы, если вы хотите иметь полную информацию подряд области, конечно. В примере, приведенном ниже, таблица содержит 4 колонки и строки подробности (Внутренняя строка) охватывает ровно 4 колонки.




Страна
Население
Площадь



США
306,939,000
9,826,630 km2






Великобритания
61,612,300
244,820 km2

Страна	Население	Площадь
США	306,939,000	9,826,630 km2

Великобритания	61,612,300	244,820 km2

Отлично работает во всех браузерах: FF, Opera, Chrome, Safari, IE (кроме IE8).

Источник: jankoatwarpspeed.com
Перевод: Webchester

Мой блог находят по следующим фразам
• фотогалерея для сайта
• настройка домена pp.ua
• http://dicim.net/plavnyj-skrolling-k-yakoryu.html
• видеоплеер для сайта адобе
• как правильно вставить картинку с применением тега alt
• flash player для сайта

Интересно будет почитать:

7 комментариев

none

12 лет назад Ответить

Ух ты! Прикольненький плагинчик, надо будет протестить… а то я для подобных целей использовал Accordition.
Eugene

12 лет назад Ответить

Спасибо, скрипт понравился! +1
Править под себя очень быстро!
Надеюсь заказчику понравиться!
Roman

12 лет назад Ответить

Подскажите, а как сделать чтобы эта таблица грузилась открытой, а при клике закрывалась?
Олексей

11 лет назад Ответить

А почему работает только на главной, у меня сайт на ucoz
McLotos

10 лет назад Ответить

В IE8 тоже работает, если убрать строку
Тогда всё работает нормально
lws.com.ua

9 лет назад Ответить

Спасибо, у меня все отлично работает!
Павел

9 лет назад Ответить

Хочу втыкнуть в сайт сделанный на WordPass не заходит плагин! пишет :
Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature