如何使用Jquery获取更多...文本以在slideToggle（）发生后更改？

Question

我有这一块的jQuery：

$('.myAuctionPanel h3').click(function(){ 

     $(this).next().slideToggle(); 

     $(this).children().text("more..."); 
}); 

这是迄今为止发生了什么......当我在<h3>点击一个div下它确实的slideToggle（）。在<h3>内部，我有一个<span>，然后显示'more ...'文本。

我的问题是当我再次单击<h3>时，如何让span内的文本更改为'less ...'？

任何帮助是极大的赞赏，感谢

Answer 1

可以使用.toggle()功能，它接受多个参数。这些功能依次被称为click事件：

$('.myAuctionPanel h3').toggle(function(){ 
    $(this).next().slideToggle(); 

    $(this).children().text("more..."); 
}, function(){ 
    $(this).next().slideToggle(); 

    $(this).children().text("less..."); 
});