title: Remove/add class on click of a button
body: <p>I'd like to be able to remove one class from a div and add another upon the click of a button. But I can't get it to work.</p>
  
  <pre><code>&lt;div class="hiddennav displaynone"&gt;
    &lt;ul&gt;
      &lt;?php wp_nav_menu(array('menu' =&gt; 'Main Nav menu')); ?&gt;
    &lt;/ul&gt;
  &lt;/div&gt; &lt;!-- end div hiddennav --&gt;
  &lt;div class="fixednav"&gt;
    &lt;div class="shownav"&gt;&lt;a href="#" class="shownavbutton"&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;!-- end div shownav --&gt;
  &lt;/div&gt; &lt;!-- end div fixednav --&gt;
  </code></pre>
  
  <p>Here's the jQuery:</p>
  
  <pre><code>$(document).ready(function(){
    $(".shownavbutton").click(function() {
      $(".hiddennav").removeClass("displaynone").addClass("displayblock");
    });
  </code></pre>
  
  <p>I'd preferably want it to toggle the classes too when clicked multiple times.</p>