Javascript 我如何打开和关闭左侧导航栏点击网站的标志

我的网页有一个问题，我想通过单击网页的徽标来打开和关闭左侧导航栏。但是 我不能做同样的事情，但不幸的是，我可以用 单击徽标，但不能通过单击徽标来关闭导航栏（而是通过单击导航栏外部区域来关闭导航栏），因此我 我已经尝试了我的网页中的一些代码，这些代码可以在中的JSFIDLE代码段中找到 下列的如果有人能解决这个问题，对我来说是件好事

Note: Please Check Following Jsfiddle for understanding it better.

---

在检查小提琴-这似乎是你想要做的。跟踪边栏是否在变量中展开，并使用其值调用

openNav

或

closeNav

来切换边栏。

检查小提琴-这似乎是您想要做的。跟踪边栏是否在变量中展开，并使用其值调用

openNav

或

closeNav

切换边栏。

您可以尝试下面的脚本。我在您共享的JSFIDLE链接上测试它。我只是用边栏测试来更改边栏。因为边栏考虑JSoFIDLE的左边条。< /P>

(window.openNav = function() {
   var $device_width = $( window ).width();
    if($device_width < 767 )
    {
            if(document.getElementById("sidebar").offsetWidth==0){
        document.getElementById("sidebar").style.width = "250px";
                }
                else{
                closeNav();
        }

    }else {
     if(document.getElementById("sidebar").offsetWidth==0){
        document.getElementById("sidebar").style.width = "350px";
                }
                else{
                closeNav();
        }
    }
});

(window.closeNav = function() {

    document.getElementById("sidebar").style.width = "0";
});

（window.openNav=function（）{
var$device_width=$（窗口）.width（）；
如果（$device_width<767）
{
if（document.getElementById（“侧栏”）.offsetWidth==0）{
document.getElementById（“侧栏”）.style.width=“250px”；
}
否则{
closeNav（）；
}
}否则{
if（document.getElementById（“侧栏”）.offsetWidth==0）{
document.getElementById（“侧栏”）.style.width=“350px”；
}
否则{
closeNav（）；
}
}
});
（window.closeNav=函数（）{
document.getElementById（“侧栏”）.style.width=“0”；
});

您可以尝试下面的脚本。我在您共享的JSFIDLE链接上测试它。我只是用边栏测试来更改边栏。因为边栏考虑JSoFIDLE的左边条。< /P>

(window.openNav = function() {
   var $device_width = $( window ).width();
    if($device_width < 767 )
    {
            if(document.getElementById("sidebar").offsetWidth==0){
        document.getElementById("sidebar").style.width = "250px";
                }
                else{
                closeNav();
        }

    }else {
     if(document.getElementById("sidebar").offsetWidth==0){
        document.getElementById("sidebar").style.width = "350px";
                }
                else{
                closeNav();
        }
    }
});

(window.closeNav = function() {

    document.getElementById("sidebar").style.width = "0";
});

（window.openNav=function（）{
var$device_width=$（窗口）.width（）；
如果（$device_width<767）
{
if（document.getElementById（“侧栏”）.offsetWidth==0）{
document.getElementById（“侧栏”）.style.width=“250px”；
}
否则{
closeNav（）；
}
}否则{
if（document.getElementById（“侧栏”）.offsetWidth==0）{
document.getElementById（“侧栏”）.style.width=“350px”；
}
否则{
closeNav（）；
}
}
});
（window.closeNav=函数（）{
document.getElementById（“侧栏”）.style.width=“0”；
});

谢谢达南杰。这个解决方案是完美的，我正在寻找。我如何关闭导航栏（标志点击完成）也与外部的网页内容区这篇文章可能会有所帮助：谢谢Dhananjay。这个解决方案非常完美，我正在寻找。如何在页面内容区域之外关闭导航栏（logo click done）这篇文章可能会有所帮助：