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

[saine]

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

Edited January 23, 2017 by saine

[d0ublezer0]

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

 

[saine]

  On 1/24/2017 at 12:32 PM, d0ublezer0 said:

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

 

Expand  

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

[klierik]

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

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

[saine]

  On 1/26/2017 at 12:28 PM, klierik said:

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

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

Expand  

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

[klierik]

http://htmlbook.ru/css/media

[saine]

  On 1/26/2017 at 1:50 PM, klierik said:

http://htmlbook.ru/css/media

Expand  

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

Edited January 26, 2017 by saine

[saine]

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

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