Lo solucione así pero no se si es la forma correcta: $(document).ready(function(){ $("#depilacion").on( "click", function() { $('#ContenidoDepilacion').show(500,); $('#ContenidoLifting').hide(500,); $('#ContenidoLipoescultura').hide(500,); $('#ContenidoTattoos').hide(500,); }); $("#lifting").on( "click", function() { $('#ContenidoDepilacion').hide(500); $('#ContenidoLifting').show(500); $('#ContenidoLipoescultura').hide(500); $('#ContenidoTattoos').hide(500); }); $("#lipoescultura").on( "click", function() { $('#ContenidoDepilacion').hide(500); $('#ContenidoLifting').hide(500); $('#ContenidoLipoescultura').show(500); $('#ContenidoTattoos').hide(500); }); $("#tattoos").on( "click", function() { $('#ContenidoDepilacion').hide(500); $('#ContenidoLifting').hide(500); $('#ContenidoLipoescultura').hide(500); $('#ContenidoTattoos').show(500); }); });