jQuery文本（）更改toggle（）？

Question

我想製作一個腳本，根據其他元素的可見性更改切換鏈接文本。

因此，雖然#form是可見的，我希望＃表單容器的文本是「隱藏...」，而當它隱藏，我希望文本是「顯示...」。 （$（'＃form'）。is（「：visible」））{另一種方式：if（$（'＃form'）。is（「：visible」））我試過這行 - if（$ ==「true」）{ - 但它也不起作用。

怎麼了？每當另一個項目被切換時如何更改文本？

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

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

謝謝。

Answer 1

您可以使用表單元素上的切換。

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

來源：http://api.jquery.com/toggle/

Answer 2

它永遠是可見動畫的同時，你可以檢查.slideToggle()回調的知名度，因此會檢查，當它結束動畫，像這樣：

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