Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/13: Рейтинг темы: голосов - 13, средняя оценка - 4.62
0 / 0 / 0
Регистрация: 07.02.2015
Сообщений: 11

Accordion меню на чистом CSS

01.03.2016, 11:07. Показов 2456. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть вертикальное меню. http://systema-tv.com/ Как скрыть все подпункты (дочерные категории) который связаны с родительскими. К примеру есть: Продукция и Услуги и всё что ниже, все подпункты не видны, пока мы не перейдем в раздел Продукция и Услуги. То есть пока родительская категория не активна, все дочерные скрыты. Буду очень благодарен за помощь.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
01.03.2016, 11:07
Ответы с готовыми решениями:

Accordion меню на чистом CSS
Первоначально меню выглядит так Распахнуть 1 2 Затем, надо как-то его распахнуть и после нажатия на ...

Мобильное меню на чистом CSS
Не нашел раздела где можно было бы выложить свои работы, а в блоге вряд-ли кто увидит, поэтому выложу здесь. Вспомнил тут про тег...

Меню на чистом Css и Html
Здравствуйте.Когда я навожу курсор на Подменю1, то Подменю2 видно, а когда навожу курсор на Подменю2, то Подменю1 пропадает.Почему так? ...

3
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
01.03.2016, 11:16
dimamalik, Вам необходимо внедрять "меню-аккордеон"... Можно нагуглить данное меню и на чистом css при желании...

Добавлено через 2 минуты
Вот, кстати, темка на форуме с готовым кодом, который тоже можно использовать...
1
0 / 0 / 0
Регистрация: 07.02.2015
Сообщений: 11
01.03.2016, 11:17  [ТС]
а если без использования jquery?
только html и css, можно как то реализовать? (я просто думал может быть через css скрыть дочерные категории, и при нажатие через a hover пусть выпадают) но я до конца не понимаю как это реализовать (
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
01.03.2016, 11:18
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Цитата Сообщение от dimamalik Посмотреть сообщение
а если без использования jquery?
Примерно так...
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.03.2016, 11:18
Помогаю со студенческими работами здесь

Горизонтальное меню одноуровневое на чистом CSS
как сделать, чтобы при сужении экрана пункты меню не переносились на новую строчку и не исчезали, а всё оставалось без изменений т.е...

Возможно ли сделать такое меню на чистом css?
http://css-tricks.com/examples/MagicLine/# тут есть две- сверху и снизу, нижняя не обязательна, лучше верхняя. Но все же - если знаете как,...

Горизонтальное меню без картинок на чистом css
Помогите создать меню на css без картинок, как в примере, (посмотреть можно на http://tcsbank.ru - тинькоф банк). Пытался копаться в коде...

на чистом css
как написать такое на чистом css. Я знаю о превдоклассе hover. Но только на css.

Спойлер на чистом CSS
Помогите решить задачку. Дано: ДВА СПОЙЛЕРА на чистом CSS? расположены горизонтально друг за другом. Вопрос: как сделать,...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru