[SOLUCIONADO] Cambiar texto de un enlace

[ainvar57]

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?

[ainvar57]

Bueno ya he encontrado la solución, he cambiado la función por esta:

Código:

$('a.mostrarCat').toggle( 
    function() { 
        $('.subcategorias').slideDown('slow'); 
        $(this).html('Ocultar SubCategorías');
    }, 
    function() { 
        $('.subcategorias').slideUp(); 
        $(this).html('Mostrar SubCategorías');
    } 
);

Así funciona correctamente.

[fhederico]

Hola,

Si le haces un alert a "estado" que te muestra?

Normalmente se ocupa attr() para obtener el valor de un atributo.

Saludos

[ainvar57]

Gracias por la respuesta, pero como verás ya está solucionado. El alert me mostraba siempre block.