Question

我的网页存在问题，我想通过点击网页的徽标来打开和关闭左侧导航栏。但我无法做到这一点，但不幸的是，我能够打开导航栏单击徽标但不能通过单击徽标来关闭导航栏（而不是通过单击导航栏的外部区域关闭它），所以我尝试过我的网页的一些代码，可以在jsfiddle代码段中找到以下。如果有人能够解决这个问题对我有好处

Note: Please Check Following Jsfiddle for understanding it better.

https://jsfiddle.net/v2a7xdmr/

Answer 1

在https://jsfiddle.net/Lfa6vef6/2/检查小提琴 - 这似乎就是你想要做的。跟踪边栏是否在变量中展开，并使用其值调用openNav或closeNav来切换侧边栏。

Answer 2

您可以尝试下面的脚本。我在你分享的jsfiddle链接上测试它。我只是用sidebar_test更改侧边栏。因为侧边栏考虑了jsfiddle的左栏。

(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";
});

如何通过单击网站徽标打开和关闭Leftside导航栏

2 个答案: