jQuery - SlideToggle() 和切换文本

Question

我有一个可以使用 .slideToggle() 隐藏的联系表单，但我希望使用选项卡来切换表单以根据表单是否存在来更改文本在 View 中或隐藏。

这是 jQuery:

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

我希望 #slider 的文本先读取“隐藏”，然后读取“显示”。

感谢任何帮助!

Answer 1

像这样的东西会起作用:

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

我假设您单击的选项卡#slider是您想要更改其文本的选项卡，您的问题在这方面让我有点困惑。动画完成后，将根据最后的 #form_wrap 的可见性状态设置按钮的文本。