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