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

[Dimpin]

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


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

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

[spdif]

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

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

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

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

    .icon-wrapper:hover ~ .submenu

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

...

Edited December 18, 2018 by spdif

[Dimpin]

5 часов назад, spdif сказал:

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

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

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

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

    .icon-wrapper:hover ~ .submenu

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

...

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

[spdif]

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