come passare tra 2 classi in jquery?

Ho un problema con toggleClass che non sembra funzionare correttamente. l’immagine dovrebbe cambiare tra show e hide . Cambia in per hide , ma non indietro

ecco il mio esempio e qualche codice:

 
testing
$('.show_menu').on('click', function(){ $('.top_menu_hidden').stop().slideToggle('normal', function(){ $(".show_menu").toggleClass("hide_menu show_menu"); }); });​ .show_menu{ background: url("http://placehold.it/150&text=show") no-repeat scroll 0 0 transparent; height: 150px; width: 150px; } .hide_menu{ background: url("http://placehold.it/150&text=hide") no-repeat scroll 0 0 transparent; height: 150px; width: 150px; }

qualche idea?

Grazie

     $(".show_menu, .hide_menu").toggleClass("hide_menu show_menu"); 

    DEMO

    Codice completo

     $('.show_menu').on('click', function() { $('.top_menu_hidden').stop().slideToggle('normal', function() { $(".show_menu, .hide_menu").toggleClass("hide_menu show_menu"); }); }); 

    C’è una funzione di commutazione che fa per te fuori dalla scatola:

     $(".show_menu").toggle(); 

    triggers / toggle documenti:

    Descrizione: mostra o nasconde gli elementi corrispondenti.