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");
});
});