logo标签列表

jQuery - slideToggle() and Toggle Text

jquery
7

我有一个联系表格，可以使用.slideToggle()隐藏，但我希望用于切换表格的选项卡根据表格是可见还是隐藏来更改文本。

以下是jQuery代码：

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

我希望将#slider的文本更改为“隐藏”，然后再更改为“显示”。任何帮助都会受到赞赏！
1个回答
15

像这样的代码应该可以使用：

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

我假设您点击的标签 #slider 是您想要更改文本的标签，您的问题在这一点上让我有些困惑。一旦动画完成，这将根据最终状态下#form_wrap元素的可见性设置按钮的文本。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接