Здравствуйте, на сайте есть меню:
//Чекбокс нужен для открытия меню, через :checked
<input type="checkbox" id="hmt" class="hidden-menu-ticker">
//Гамбургер, это три линии, обычно используемые в качестве кнопки для открытия меню
<label class="btn-menu" for="hmt">
<span class="first"></span>
<span class="second"></span>
<span class="third"></span>
</label>
//Это само меню
<ul class="hidden-menu">
...
//три точки означают, что тут много чего, что не влияет на суть вопроса
</ul>
У этого меню есть стили, ключевые:
position: fixed;
right: -200px;
При нажатии на гамбургер (когда чекбокс активируется), меню появляется путем зануления "right" вот так:
.hidden-menu-ticker:checked ~ .hidden-menu {
right: 0;
}
То есть функционал полностью написан на css.
Задача:
Как сделать, чтобы при нажатии на пункты(ссылки) меню, оно(меню) закрывалось ?
Писал и js, и jQ код - не работает. Версия jq соответствующая. Код вставлял и в хедер, и футер.
P.S.
прежде, чем писать, дня 2 искал в гугле не пишите пожалуйста "Погугли". Вообще это слово в тостере лишает смысл тостера.
