div扩展时更改链接文本

Question

点击链接后我会扩展div;我的问题是，我想在div扩展时更改文本，以便链接显示“隐藏表单”。有人能帮帮我吗？我还是jQuery的新手..

该页面的链接位于：http://biggz.co

这是我目前正在使用的jQuery：

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

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

    });
});

Answer 1

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

      jQuery('#contactForm').slideToggle('slow');
        $(this).text($(this).text() == 'Show' ? 'Hide' : 'Show');
    });
});

Answer 2

利用text()。像

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.
  });
});

Answer 3

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