javascript – jQuery text()更改toggle()?

前端之家收集整理的这篇文章主要介绍了javascript – jQuery text()更改toggle()?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创建一个脚本,根据其他元素可见性更改切换链接文本.

因此,虽然#form是可见的,但我希望#form-container文本为“Hide …”,虽然它是隐藏的,但我希望文本为“Show …”.

我试过这一行 – 如果($(‘#form’).是(“: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");  
            } 
    });

谢谢.

解决方法

它在动画时始终可见,您可以检查 .slideToggle()回调中的可见性,以便检查完成动画的时间,如下所示:

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

猜你在找的jQuery相关文章