title: toggle nav on and off
body: <p>Here's in this <a href="https://jsfiddle.net/0gme06L8/11" rel="nofollow noreferrer">JSfiddle</a>, I am trying to toggle the nav on and off, but doesn't seem to be working. It's seems to close the nav bar once clicked, then do nothing else. I'm pretty new to working with jQuery. Can anyone tell me how I can correct this, and also I need the nav not to even show before the menu button is clicked. Thanks!</p>
  
  <pre><code>    $(function() {
        var showMenu = false;
        $('#menuButton').click(function() {
          if (showMenu) {
            $('#menu').css({'display':'none'});
            showMenu = false;
            return;
          }
          $('#menu').css({'display':'block'});
          showMenu = true;
        });
      });
  </code></pre>