我有以下代码将div(称为#extra)切换到视图中：
$('#more').click(function() {
$('#extra').slideToggle('fast');
return false;
});
<a href="#" id="more">More about us</a>
当#extra div可见时,如何将“关于我们的更多信息”文本更改为“少关于我们”？当点击相同的链接隐藏div时,我希望链接的文本更改为“更多关于我们”.
解决方法
只是切换文字？
$('#more').click(function() {
$('#extra').slideToggle('fast');
$('#more').text(function(_,txt) {
var ret='';
if ( txt == 'More about us' ) {
ret = 'Less about us';
$(this).css('background','url(link/to/image1.png)');
}else{
ret = 'More about us';
$(this).css('background','url(link/to/image2.png)');
}
return ret;
});
return false;
});
