Dimpin

Не работает выпадающий список

Рекомендованные сообщения

Коллеги, доброго вечера.


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

https://codepen.io/dimpin/pen/ZVBzoP

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

если обращаетесь к родственному элементу (общий родитель)

который следует непосредственно первым после вас используйте + 

а к тем что идут далее используйте ~ (обратная тильда) 

обращаясь к ним - по типу, идентификатору, классу 

    .icon-wrapper:hover ~ .submenu

https://codepen.io/anon/pen/pqNJxq 

...

Изменено пользователем spdif

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
5 часов назад, spdif сказал:

если обращаетесь к родственному элементу (общий родитель)

который следует непосредственно первым после вас используйте + 

а к тем что идут далее используйте ~ (обратная тильда) 

обращаясь к ним - по типу, идентификатору, классу 

    .icon-wrapper:hover ~ .submenu

https://codepen.io/anon/pen/pqNJxq 

...

Огромное спасибище (смайлик со слезами благодарности). Если не сложно, не подскажете, как вешать раскрывание списка не на hover а на клик. :active работает только на нажатие, как отпускаешь, меню опять скрывается.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 180
    Всего пользователей
    3 128
    Рекорд онлайна
    evgengold
    Новый пользователь
    evgengold
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.