jQuery skift imellem 2 class

HTML kode 

 <nav>
     
     <a href="#" id="toggle-Tmenu">Menu</a>
     
     <ul id="Tmenu" class="hide">
         <li><a href="#">Topmenu</a></li>
         <li><a href="#">Profil</a></li>
         <li><a href="#">Wiki</a></li>
         <li><a href="#">Forum</a></li>
         <li><a href="#">Blog</a></li>
         <li><a href="#">Download</a></li>
     </ul>
                 
 </nav>

CSS kode 

 #toggle-Tmenu {
     display: block;
     float: right;
     padding: 5px;
     border: 2px solid #000000;
     
     position: relative;
     top: -30px;
 }
 
 .hide {
     display: none;
 }
 
 .show {
     display: block;
 }

JScript kode 

 $(document).ready(function() {
     
     $('#toggle-Tmenu').click(function () {
         
         $('#Tmenu').toggleClass('.hide').toggleClass('.show');
         
     });
     
 )};