Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7

Как сделать, чтобы у toggle была ненулевая высота?

15.08.2011, 18:29. Показов 2012. Ответов 13
Метки нет (Все метки)

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

Пример: из чего нужно сделать http://psd-html-css.ru/toggle.html
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
15.08.2011, 18:29
Ответы с готовыми решениями:

Как расположить элементы в блоке, чтобы высота была одинаковой?
<div class="maininfo"> <div class="container"> <h1>Hello my dear world</h1> <p>Ej, Ejiha i ejata</p> <button>help...

Как разместить картинки в table таким образом, чтобы у обеих высота была одинаковой?
Имеются две картинки "poster" и "image1". Можно ли "image1" разместить таким образом, чтобы обе картинки находились как по линии? При...

Как можно сделать что бы высота TextView была неизменной?
Здравствуйте ! Когда ввожу в TextEdit то подымается клавиатура телефона . При этом уменьшается высота ввода . Как можно сделать что бы...

13
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
15.08.2011, 19:45
Вложите таблицу в <div> и к этому div'у прикрутите, например, slideToggle() вместо toggle().
0
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7
15.08.2011, 22:40  [ТС]
получилось сделать так http://psd-html-css.ru/table.html

Теперь проблема такая, когда стоит doctype скрипт не работает.
И как сделать чтобы таблица плавно появлялась?
0
0 / 0 / 0
Регистрация: 30.08.2011
Сообщений: 6
30.08.2011, 18:27
Удалось ли решить? Можно ли попросить поделиться кодом?
0
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7
31.08.2011, 13:35  [ТС]
Цитата Сообщение от bungle Посмотреть сообщение
Удалось ли решить? Можно ли попросить поделиться кодом?
Удалось решить. Простой способ - через overflow: hidden; Сложный через javascript, в зависимости от высоты таблицы, и сколько строк показывать.
0
0 / 0 / 0
Регистрация: 30.08.2011
Сообщений: 6
31.08.2011, 14:40
А можно все-таки пример кода, не пойму, где у меня ошибка
0
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7
31.08.2011, 14:42  [ТС]
Цитата Сообщение от bungle Посмотреть сообщение
А можно все-таки пример кода, не пойму, где у меня ошибка
Скидывайте ваш, если что подскажу.
0
0 / 0 / 0
Регистрация: 30.08.2011
Сообщений: 6
31.08.2011, 15:25
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<p> <a onclick="$('#s1').slideToggle('fast');" href="javascript://" >Свернуть/Развернуть</a> </p>
 
<div id="s1" style="overflow: hidden; height: 200px;">
  <p><strong>test</strong></p>
  <p><strong>test</strong></p>
  <p><strong>test</strong></p>
  <p><strong>test</strong></p>
  <p><strong>test</strong></p>
  <p><strong>test</strong></p>
  <p><strong>test</strong></p>
  <p><strong>test</strong> </p>
  
</div>
Как сделать, чтобы он изначально был 200 рх высотой и разворачивался на полную высоту?
0
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7
31.08.2011, 15:37  [ТС]
вот теперь в скрипет изменяешь display: none; На overflow: hidden; соответственно когда стоит display: block,заменяем на overflow: visible;
0
0 / 0 / 0
Регистрация: 30.08.2011
Сообщений: 6
31.08.2011, 16:02
Не понял только, где эти display: none и display: block искать В jquery-1.6.1.min.js?
0
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7
31.08.2011, 16:15  [ТС]
нет, подключения к библиотеки jquery будет недостаточно. Нужно еще отдельно написать скрипт, в котором у нас будет описываться при каких условиях и что именно мы будем совершать с объектами, к которым прикрутили toggle.
0
0 / 0 / 0
Регистрация: 30.08.2011
Сообщений: 6
31.08.2011, 16:20
А вот с этим у меня проблема (с написанием скриптов) Нельзя ли пример кода?
0
0 / 0 / 0
Регистрация: 15.08.2011
Сообщений: 7
31.08.2011, 16:28  [ТС]
вот тут можно поучиться:
http://www.sdws.ru/topic.php?t=3&id=10
0
0 / 0 / 0
Регистрация: 30.08.2011
Сообщений: 6
31.08.2011, 16:32
спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
31.08.2011, 16:32
Помогаю со студенческими работами здесь

Как написать на бутстрапе чтобы когда я уменьшая экран высота была такой же а ширина уменьшалась?
У меня есть картинка на всю ширину Как написать на бутстрапе чтобы когда я уменьшая экран высота была такой же а ширина уменьшалась То...

Как сделать в отчете в виде подчиненной форме чтобы была не вся информация, а была лишь из формы?
Здравствуйте, как сделать чтобы в отчете было тоже самое, что и в форме, без других записей, а только, то что появляется на форме.И также с...

Как связана высота прыжка с площадью поперечного сечения парашюта, чтобы скорость приземления была безопасной
Изучить, как связана высота прыжка с площадью поперечного сечения парашюта, чтобы скорость приземления была безопасной? Я так понимаю эта...

как связана высота прыжка с площадью поперечного сечения парашюта, чтобы скорость приземления была безопасной
здраствуйте не могу решить задачу по моделированию...Изучить, как связана высота прыжка с площадью поперечного сечения парашюта, чтобы...

Задать height для div, чтобы высота была максимально-возможной
Есть внешний блок фиксированной высоты. Внутри него два блока. Высота одного меняется в зависимости от контента. Высота второго...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru