Hola, tengo una capa oculta que se muestra al clicar un enlace, pare eelo utilizo lo siguiente:
Código:
$('.mostrarCat').click(function(){
$('.subcategorias').toggle(600);
var estado=$('.subcategorias').css("display");
if(estado == "block"){
$('.mostrarCat').html('Ocultar Categorías');
}else{
$('.mostrarCat').html('Mostrar Categorías');
}
});
Como veis lo que intento es que al clicar en el enlace .mostrarCat, si el div es visible, el texto del enlace cambie a ocultar y cuando este se oculta el texto cambie a mostrar. esto funciona bien la primera vez, es decir, al cargar la página el div subcategorias está oculto, y el enlace pone 'Mostrar Categorías', al hacer click en él, la capa se despliega y el texto cambia a 'Ocultar Categorías', pero al pulsar en 'Ocultar...', la capa se oculta, pero el texto no cambia. Alguien me dice que hago mal?