单击li锚点时如何自动隐藏左侧菜单面板？ [英] How to auto hide left menu panel when click on li anchor?

问题描述

如何在点击任何菜单时自动隐藏左侧菜单面板？



以下是网站网址 -

http：// whowinkedme.com/



我尝试了什么：



我尝试过下面的代码，但不能正常工作。



< script>

$（document）.ready（function（）{< br $>
$（'＃sidr ul li> a'）。click（function（）{

$（'＃main-nav'）。addClass（left14） ;

$（'。wrap'）。css（width，1200px）;

$（'＃sidr'）。toggle（）;

}）;

$（＃main-nav）。click（function（）{

$（'＃sidr'）。切换（）;

}）;

}）;

< / script>

How to auto hide left menu panel when click on any menu?

Below is the website URL-
http://whowinkedme.com/

What I have tried:

I tried below code but is not working as I want.

<script>
$(document).ready(function() {
$('#sidr ul li > a').click(function(){
$('#main-nav').addClass("left14");
$('.wrap').css("width","1200px");
$('#sidr').toggle();
});
$("#main-nav").click(function(){
$('#sidr').toggle();
});
});
</script>

推荐答案

（document）.ready（function（）{

(document).ready(function() {

（'＃sidr ul li> a'）。click（function（）{

('#sidr ul li > a').click(function(){

（'＃main-nav'）。addClass（left14）;

('#main-nav').addClass("left14");

这篇关于单击li锚点时如何自动隐藏左侧菜单面板？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！