Делаем разворачивающийся список с jQuery — плагин jExpand
30 июля 2009 года, Размещено в категории: jQuery / MooTools
jExpand это ультра легкий jQuery плагин, который заставит ваши сроки расширяться. Типичная строка для бизнес-приложений, эта функция поможет Вам лучше организовать таблицы. Таким образом, таблица может содержать больше информации, таких как изображения, списки, диаграммы и другие элементы.
Если включить фантазию, по применений плагина jExpand, тогда можно и разворачивающийся список, и очень крутое меню сделать. Нужно только фантазию включить 🙂
Как это работает?
Чтобы иметь такие расширяемые таблицы нужно добавить по два ряда для каждой строки, первая будет "Главная строка", а вторая "Внутренняя строка". При нажимании на "Главная строка", будет открываться "Внутренняя строка".
"Главная строка" может содержать столько колонок, сколько это необходимо. Важно то, что "Главною строку", придется заключать в span (используя атрибут colspan) все столбцы, если вы хотите иметь полную информацию подряд области, конечно. В примере, приведенном ниже, таблица содержит 4 колонки и строки подробности (Внутренняя строка) охватывает ровно 4 колонки.
| Страна | Население | Площадь | |
|---|---|---|---|
| США | 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 для сайта
13 лет назад
Ух ты! Прикольненький плагинчик, надо будет протестить… а то я для подобных целей использовал Accordition.
Eugene
12 лет назад
Спасибо, скрипт понравился! +1
Править под себя очень быстро!
Надеюсь заказчику понравиться!
12 лет назад
Подскажите, а как сделать чтобы эта таблица грузилась открытой, а при клике закрывалась?
Олексей
11 лет назад
А почему работает только на главной, у меня сайт на ucoz
McLotos
11 лет назад
В IE8 тоже работает, если убрать строку
Тогда всё работает нормально
9 лет назад
Спасибо, у меня все отлично работает!
9 лет назад
Хочу втыкнуть в сайт сделанный на WordPass не заходит плагин! пишет :
Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature