2010-04-06 8 views
7

J'ai un formulaire de contact qui peut être caché en utilisant .slideToggle() mais je veux l'onglet utilisé pour Toggle le formulaire pour modifier le texte en fonction de la forme wether est in view ou hidden.jQuery - slideToggle() et tankas Texte

Voici le jQuery:

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

Je veux que le texte de #slider lire 'Cacher' puis 'Show'.

Toute aide appréciée!

Répondre

15

Quelque chose comme ça fonctionnerait:

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

Je suppose ici l'onglet vous cliquiez #slider est ce que vous voulez changer le texte, votre question me trouble un peu sur cette partie. Une fois l'animation terminée, cela définit le texte du bouton en fonction de l'état de visibilité de #form_wrap à la fin.

+0

Désolé pour la confusion, j'ai édité mon post. – CLiown

+0

@danit - Dans ce cas, essayez-le, devrait fonctionner :) –