Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как сделать, чтобы у toggle была ненулевая высота? (https://javascript.ru/forum/misc/20735-kak-sdelat-chtoby-u-toggle-byla-nenulevaya-vysota.html)

student-k 15.08.2011 18:00

Как сделать, чтобы у toggle была ненулевая высота?
 
Здравствуйте!
Есть большая таблица, необходимо чтобы на сайте отображалась не вся высота таблицы, а лишь часть, например 250px; и чтобы после нажатия на кнопку "показать все" - она полностью разворачивалась. Сейчас к ней прикручен toggle. Но так ее совсем не видно. Как сделать, чтобы было видно часть таблицы.

student-k 15.08.2011 18:19

Пример: из чего нужно сделать http://psd-html-css.ru/toggle.html

B@rmaley.e><e 15.08.2011 19:53

Вариант 1:
показывать 4 (подобрать по вкусу) ряда таблицы и дополнительный ряд, по нажатию на который он скроется и отобразятся другие (это можно сделать достаточно хитро, используя возможность указания нескольких tbody для таблицы).

Вариант 2:
Обрамить таблицу в контейнер с height:250px и просто снимать / удалять overflow:hidden.

student-k 15.08.2011 22:16

Сработал второй вариант. Спасибо! А как теперь сделать чтобы она плавно появлялась как при toggle(slow)?

Вот что сейчас получилось сделать http://psd-html-css.ru/table.html

B@rmaley.e><e 15.08.2011 23:34

Цитата:

Сообщение от student-k
А как теперь сделать чтобы она плавно появлялась как при toggle(slow)?

В этом случае дело усложняется использованием анимации для контейнера. Нужно определить высоту таблицу и с помощью animate изменить высоту до указанной. После чего можно стереть overflow:hidden (необязательно).

student-k 15.08.2011 23:38

Дело в том, чтобы таблицы всегда разной высоты, не знаете какой способ применен здесь: http://vensnab.ru/e_mag/view_good/457 самая нижняя таблица.

B@rmaley.e><e 15.08.2011 23:42

http://api.jquery.com/height/

Цитата:

Сообщение от student-k
не знаете какой способ применен здесь: http://vensnab.ru/e_mag/view_good/457 самая нижняя таблица.

Две различные таблицы, вторая по-умолчанию скрыта. По нажатию на кнопку, вторая показывается, первая скрывается.

student-k 15.08.2011 23:46

Спасибо, попробую разобраться!


Часовой пояс GMT +3, время: 02:50.