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

[saine]

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

Edited January 23, 2017 by saine

[d0ublezer0]

.descr3 {
    top: 0;
    margin-top: 0;
}

 

[saine]

В 24.01.2017 в 15:32, d0ublezer0 сказал:

.descr3 {
    top: 0;
    margin-top: 0;
}

 

так не работает.

[klierik]

https://jsfiddle.net/klierik/p9h7uahk/

а стили опиши через @media для мобильника

[saine]

1 час назад, klierik сказал:

https://jsfiddle.net/klierik/p9h7uahk/

а стили опиши через @media для мобильника

Очень благодарен вам за помощь. Если Вам не трудно подскажите пожалуйста как прописать стили для мобильной версии. Спасибо

[klierik]

http://htmlbook.ru/css/media

[saine]

6 часов назад, klierik сказал:

http://htmlbook.ru/css/media

Спасибо. Разобрался со всем кроме того как подключить scss к descr3 

Edited January 26, 2017 by saine

[saine]

В общем вот так работает
 

.active .descr3{
    display: block;
    position: absolute;
    top: 20px;
    z-index: 9999;
    width: 200px;
}