Usuń / dodaj klasę po kliknięciu przycisku

Chciałbym móc usunąć jedną klasę z div i dodać kolejną po kliknięciu przycisku. Ale nie mogę go uruchomić.

<div class="hiddennav displaynone">
  <ul>
    <?php wp_nav_menu(array('menu' => 'Main Nav menu')); ?>
  </ul>
</div> <!-- end div hiddennav -->
<div class="fixednav">
  <div class="shownav"><a href="#" class="shownavbutton"></a></div>
  <!-- end div shownav -->
</div> <!-- end div fixednav -->

Oto jQuery:

$(document).ready(function(){
  $(".shownavbutton").click(function() {
    $(".hiddennav").removeClass("displaynone").addClass("displayblock");
  });

Najchętniej chciałbym, aby również przełączał klasy po kliknięciu kilka razy.

questionAnswers(2)

yourAnswerToTheQuestion