Как сделать, чтобы у toggle была ненулевая высота?
Здравствуйте!
Есть большая таблица, необходимо чтобы на сайте отображалась не вся высота таблицы, а лишь часть, например 250px; и чтобы после нажатия на кнопку "показать все" - она полностью разворачивалась. Сейчас к ней прикручен toggle. Но так ее совсем не видно. Как сделать, чтобы было видно часть таблицы. |
Пример: из чего нужно сделать http://psd-html-css.ru/toggle.html
|
Вариант 1:
показывать 4 (подобрать по вкусу) ряда таблицы и дополнительный ряд, по нажатию на который он скроется и отобразятся другие (это можно сделать достаточно хитро, используя возможность указания нескольких tbody для таблицы). Вариант 2: Обрамить таблицу в контейнер с height:250px и просто снимать / удалять overflow:hidden. |
Сработал второй вариант. Спасибо! А как теперь сделать чтобы она плавно появлялась как при toggle(slow)?
Вот что сейчас получилось сделать http://psd-html-css.ru/table.html |
Цитата:
|
Дело в том, чтобы таблицы всегда разной высоты, не знаете какой способ применен здесь: http://vensnab.ru/e_mag/view_good/457 самая нижняя таблица.
|
http://api.jquery.com/height/
Цитата:
|
Спасибо, попробую разобраться!
|
Часовой пояс GMT +3, время: 02:50. |