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

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

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

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

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

demoскачать

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

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

"Главная строка" может содержать столько колонок, сколько это необходимо. Важно то, что "Главною строку", придется заключать в 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 для сайта






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

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

  • 7 лет назад Ответить

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

  • 6 лет назад Ответить

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

  • 5 лет назад Ответить

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Перед отправкой формы:

Метки: