Javascript 在div展开时更改链接文本

我有一个div，一旦你点击一个链接，它就会展开；我的问题是，我想在div扩展时更改文本，以便链接显示“隐藏表单”。谁能帮帮我吗？我对jQuery还是新手

该页面的链接如下：

以下是我当前使用的jQuery：

$(document).ready(function()
{
    jQuery('a.contactForm').click(function() {

      jQuery('#contactForm').slideToggle('slow', function() {
        // Animation complete.
      });

    });
});

利用。像

所以你的代码可以

jQuery('a.contactForm').click(function() {
  var text= $(this).text();
  if (text == 'Show Form')
    $(this).text('Hide From');
  else
    $(this).text('Show Form');
  jQuery('#contactForm').slideToggle('slow', function() {
    // Animation complete.
  });
});

---

但是，当他们单击“关闭”时，它不会变回原来的状态，但非常感谢您的尝试！尝试更新的答案。它会更改“打开”和“关闭”上的文本

jQuery('a.contactForm').text('Hide Form');

jQuery('a.contactForm').click(function() {
  var text= $(this).text();
  if (text == 'Show Form')
    $(this).text('Hide From');
  else
    $(this).text('Show Form');
  jQuery('#contactForm').slideToggle('slow', function() {
    // Animation complete.
  });
});

jQuery('#contactForm').slideToggle('slow', function () {
    var txt = ($(this).css('display') == 'none') ? 'contact us directly':'Hide Form';
    $('.contactForm').text(txt);
});