ウェブサイトのロゴをクリックすると左のナビゲーションバーが表示されます

Question

ウェブページのロゴをクリックして、左側のナビゲーションバーを開いたり閉じたりしたいウェブページに問題があります。しかし 私は同じことをすることができませんが、残念ながら、私は とnavbarを開くことができますロゴをクリックしてロゴをクリックして近くのnavbarのために同じことをすることができませんでした（代わりにナビバーの外側の領域をクリックして閉じる）ので、私は の のjsfiddleスニペットで利用可能な私のWebページのコードのいくつかを試してみました。この

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