Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
rizmaster
@rizmaster
JavaScript
HTML
CSS
Как сделать аккордеон для таблиц?
Все привет, нужна таблица, чтоб все заголовки были свернуты и при открытии одной, другая допустим закрывалась. Html код должен быть именно таким, какой я скинул.
https://jsfiddle.net/bahac6tm/12/
Заранее благодарю.
Вопрос задан
более трёх лет назад
3646 просмотров
3
комментария
Подписаться
3
Оценить
3
комментария
Facebook
Вконтакте
Twitter
Сергей Горячев
@webirus
Ужасная разметка, копаться не хочется. Тут проще вынесите заголовки таблиц в отдельные дивы, а сами таблицы скройте спойлерами.
Написано
более трёх лет назад
rizmaster
@rizmaster
Автор вопроса
Sergey Goryachev
: Да, знаю, но нужно к сожалению именно с такой разметкой, т.к. на модексе код, переписать не получится его (
Написано
более трёх лет назад
Сергей Горячев
@webirus
rizmaster
: Сомневаюсь, что кто-то решит вашу задачу с таким кодом. Там привязаться не к чему.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
uugh
@uugh
mediaformations.com/accordion-tables-with-jquery
пример:
mediaformations.com/examples/AccordionTableExample.html
на английском:
stackoverflow.com/questions/9026867/jquery-accordi...
stackoverflow.com/questions/24148631/creating-acco...
stackoverflow.com/questions/16389775/twitter-boots...
пример:
jsfiddle.net/whytheday/2Dj7Y/11
https://codepen.io/NoSkiLL/pen/LgIsp
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
85 просмотров
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
139 просмотров
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
184 просмотра
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
108 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как решить задачку из контеста?
1 подписчик
13 окт.
226 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
1 подписчик
12 окт.
159 просмотров
2
ответа
JavaScript
Простой
Почему не работает в консоли setTimeout?
1 подписчик
11 окт.
317 просмотров
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
122 просмотра
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
100 просмотров
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
142 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 80 000 до 120 000 ₽
React Developer
ITK academy
•
Воронеж
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама