jQuery - slideToggle()和切换文本

时间:2010-04-06 15:36:18

标签: jquery

我有一个可以使用.slideToggle()隐藏的联系表单,但我希望用于Toggle表单的标签可以根据表单in view或{{1}来更改文本}}

这是jQuery:

hidden

我希望$("#slider").click(function() { $("#form_wrap").animate({ opacity: 1.0 },200).slideToggle(); }); 的文字为“隐藏”,然后是“显示”。

任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:15)

这样的事情会起作用:

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

我在这里假设您点击#slider的标签是您要更改文本的标签,您的问题会让我对此感到困惑。动画完成后,将根据最后#form_wrap的可见性状态设置按钮的文本。