jQuery text() 在toggle() 上发生变化？

我想制作一个根据其他元素可见性更改切换链接文本的脚本。

因此，当 #form 可见时，我希望 #form-container 的文本为“隐藏...”，而当它隐藏时，我希望文本为“显示...”。

我尝试过这一行 - if($('#form').is(":visible")){ 另一种方式： if($('#form').is(":visible") == "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");  
            } 
    });

Thanks.

永远都会是visible制作动画时，您可以检查动画中的可见性.slideToggle() http://api.jquery.com/slideToggle/回调所以它检查什么时候finishes动画化，像这样：

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