2010-04-06 13 views
7

que tienen un formulario de contacto que se puede ocultar utilizando .slideToggle() pero desea que la ficha se utiliza para Toggle la forma de cambiar el texto basado en la forma carnero es in view o hidden.jQuery - slideToggle() y Toggle texto

Aquí es el jQuery:

$("#slider").click(function() { 
    $("#form_wrap").animate({ opacity: 1.0 },200).slideToggle(); 
}); 

Quiero que el texto de #slider para leer 'Ocultar', entonces 'Mostrar'.

Cualquier ayuda apreciada!

Respuesta

15

Algo como esto funcionaría:

$("#slider").click(function() { 
    $("#form_wrap").animate({ opacity: 1.0 },200).slideToggle(500, function() { 
    $("#slider").text($(this).is(':visible') ? "Hide" : "Show"); 
    }); 
}); 

Asumo aquí la ficha que está haciendo clic #slider es lo que desea cambiar el texto de, su pregunta me confunde un poco en esa parte. Una vez que se completa la animación, establece el texto del botón según el estado de visibilidad de #form_wrap al final.

+0

Lo siento por la confusión, he editado mi publicación. – CLiown

+0

@danit - En ese caso, pruébalo, debería funcionar :) –

Cuestiones relacionadas