switch - remove class jquery

cómo alternar entre 2 clases en jquery?

Question

Tengo un problema al hacer toggleClass , parece que no funciona correctamente. la imagen debe cambiar entre show y hide . Cambia para hide , pero no para volver

aquí está mi ejemplo y algún código:

<div class="top_menu_hidden" style="display: none; ">testing</div>
<div class="show_menu"></div>

$(''.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;
}

¿algunas ideas?

Gracias

Answer 1

Hay una función de alternar que lo hace fuera de la caja:

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

toggle documentos:

Descripción: muestra u oculta los elementos coincidentes.

Answer 2

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

MANIFESTACIÓN

Código completo

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