同じボタン（2つの異なる機能）を使用してナビゲーションバーを閉じる/開く

Question

ナビゲーションバーにはJavaScriptを使用して開閉しますが、2つの別々の機能が開き、閉じることができます。

openNav() - open 
closeNav() - close 

ナビゲーションバーの機能は、W3-学校からhttp://www.w3schools.com/howto/howto_js_sidenav.asp

を取られ開閉、「同じ」ボタンを使用してする最も簡単な方法は何ですか？ ボタンを押すたびにonlick=""の値を変更することができますか？2つのボタンを使用し、1つを押したときに2つのボタンを非表示にする必要がありますか？

スクリプト：

<script> 
function openNav() { 
    document.getElementById("nav").style.width = "140px"; 
    document.getElementById("tabs").style.width = "70%"; 
    document.getElementById("nav").style.borderRight = "2px solid #0bb1ff"; 
} 

function closeNav() { 
    document.getElementById("nav").style.width = "0"; 
    document.getElementById("tabs").style.width = "80%"; 
    document.getElementById("nav").style.border = "0"; 
} 
</script> 

ボタン：

<div class="drop-menu" id="menu" onclick="openNav();"><i class="fa fa-bars" aria-hidden="true"></i></div> 

Answer 1

あなたは

var navBarOpen = true; 
function toggleNav() { 
if (navBarOpen) { 
    // close it 
    navBarOpen = !navBarOpen; 
else { 
    // open it 
    navBarOpen = !navBarOpen; 
} 

を閉じるbの開口部またはオプションのいずれかのオプションをNAVの現在の状態をチェックしていtoggleNav機能を行うことができます

適切な場所にコードを置くだけでうまくいくはずです