jQuery text() changer sur toggle()?

Question

Je souhaite créer un script qui modifie le texte du lien de basculement en fonction de la visibilité des autres éléments. Donc, alors que #form est visible, je veux que le texte # form-container soit "Hide ...", et bien qu'il soit caché, je veux que le texte soit "Show ...".

J'ai essayé cette ligne - if ($ ('# form'). Is (": visible")) {d'une autre manière: if ($ ('# form'). Is (": visible") == "true") {- mais ça ne marche pas non plus.

Qu'est-ce qui ne va pas? Comment changer de texte à chaque fois qu'un autre élément est basculé?

$('.toggle').click(
    function() 
    { 
     $('#form').slideToggle(); 

      if($('#form').is(":visible")){ 
       $('#form-container a').text("Hide form container"); 
      } 
      else { 
       $('#form-container a').text("Show form container"); 
      } 
    }); 

Merci.

Answer 1

Vous pouvez utiliser la bascule sur l'élément de formulaire.

$("#form").slideToggle(
    function() { 
    //Hide 
    }, 
    function() { 
    //Show 
    } 
); 

source: http://api.jquery.com/toggle/

Answer 2

Il sera toujours visible tout en animant, vous pouvez vérifier la visibilité dans le rappel .slideToggle() de sorte qu'il vérifie quand il finitions Animer, comme ceci:

$('.toggle').click(function() { 
    $('#form').slideToggle(function() { 
    $('#form-container a').text(
     $(this).is(':visible') ? "Hide form container" : "Show form container" 
    ); 
    }); 
});