こうしたらどうなる？

ナビゲーションバー

右下にナビゲーションバーの表示をON/OFFするチェックボックスが表示される。（そんなことしていいのかなあ）

<script type="text/javascript">  
<!--
    function Toggle(target, checkbox) {
      var array = document.getElementsByTagName('div');
      var cb;

      if (!target || !checkbox || !array) return;

      cb = document.getElementById(checkbox);
      if (!cb) return;

      for (var i = 0; i < array.length; ++i) {
        var e = array[i];
        if (!e.id) continue;
        if (e.id != target) continue;

        if (cb.checked) {
          e.style.display = "block";;
          continue;
        }
          
        e.style.display = "none";
      }
        
    }
-->
</script>

<div style="position:fixed; bottom:0px; right:0px;">
<form>
     ナビゲーションバー
     <input onclick="Toggle('navbar', 'nb_toggle');"
          type="checkbox" id="nb_toggle"
          name="nb_toggle"
          value="yes"
          checked />
</form>
</div>