Как спрятать мобильное меню при клике по ссылке?

Question

[Артем]

Доброго дня!
Необходимо спрятать мобильное меню при нажатии на любой из его пунктов. На сколько я понимаю, нужно ссылкам задать какой-нибудь ID и по клику по ним, добавить блоку "#tm-mobile" атрибут "hidden". Прошу написать такой код, если не сложно. Или предложить более рациональное решение.

<div id="tm-mobile" class="uk-position-top" hidden>
            <div class="uk-background-default uk-padding">
              
<div class="uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">    <div class="uk-first-column">
<div class="uk-panel" id="module-menu-mobile">
   
<ul class="uk-nav uk-nav-primary uk-nav-parent-icon uk-nav-accordion" uk-nav="targets: > .js-accordion">
    
	<li><a href="#link1"> Link 1</a></li>
	<li class="js-accordion uk-parent"><a href=""> Parent</a>
	<ul class="uk-nav-sub" hidden="">
		<li><a href="#link2"> Link 2</a></li>
		<li><a href="#link3"> Link 3</a></li>
		<li><a href="#link4"> Link 4</a></li></ul></li>
	<li><a href="#link5"> Link 5</a></li>
	<li><a href="#link6"> Link 6</a></li>
	<li><a href="#link7"> Link 7</a></li>
	<li><a href="#link8"> Link 8</a></li></ul>

</div></div></div></div></div>

Answer 1

[gazes12]

#link::target{
    .uk-nav-sub{
        display: none;
    }
}

Comments

[Артем]

Спасибо за ответ! А оно снова появится при нажатии на toggle? Меню полностью функционирует, оно из шаблона. Проблема в том, что оно не рассчитано для одностраничника с навигацией к якорям. Нужно просто сделать так, чтобы по нажатию на пункт меню происходило то же самое, что и при нажатии на toggle при активном меню (добавляется атибут "hidden" блоку "#tm-mobile"), при этом меню сворачивается.