Как сделать так, чтобы боковая панель закрывалась после нажатия ⇐ CSS

[Anonymous]

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

Код: Выделить всё

/* the side menu */
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: white;
overflow-x: hidden;
transition: 0.5s;
border: 1px solid black;
}
.sidenav a {
padding: 3px;
margin: 5px;
text-decoration: none;
font-size: .9em;;
color: black;
display: block;
transition: 0.3s;
}


[url=javascript:void(0)]×[/url]
[url=#]cars[/url]
[url=#]planes[/url]
[url=#]boats[/url]
[url=#]cycles[/url]

☰

some random text some random textsome random textsome random text
some random text some random textsome random textsome random text
some random text some random textsome random textsome random text




$(document).ready(function(){
$('body').on('click',function(){
$('#mySidenav').css('width', '0px');
});
});



function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}

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

Подробнее здесь: https://stackoverflow.com/questions/787 ... r-clicking