jquery - 单击链接时切换文本

Question

我有以下代码，可将 div(称为 #extra)切换到 View 中:

$('#more').click(function() {
    $('#extra').slideToggle('fast');
    return false;
});

我的点击函数是这个链接:

<a href="#" id="more">More about us</a>

当 #extra div 可见时，如何将“更多关于我们”文本更改为“更少关于我们”？当单击同一链接来隐藏 div 时，我希望链接的文本更改回“有关我们的更多信息”。

Answer 1

使用此代码:

$('#more').click(function() {
    jQuery(this).text('less about us');
    if($('#extra').is(':visible')){
          jQuery(this).text('Less about us');
    }else{
          jQuery(this).text('More about us');
    }
    $('#extra').slideToggle('fast');
    return false;
});

这是演示:http://jsfiddle.net/AAFaY/