如何使用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..."); 
});