jquery - フェードでボタンの値を変更しますか? Jクエリ？

Question

このようにボタンの値を変更しています

$('#slideButton').val("Expand");

そしてこうやって戻る

$('#slideButton').val("Collapse");

可能であれば、ボタンの値だけをフェードアウト/インさせ、ボタン全体をフェードさせないようにするにはどうすればよいですか?

Answer 1

HTML

buttonの代わりに使用しinputます。

<button id="slideButton" type="button"><span>Expand</span></button>​

JQuery

$('#slideButton').click(function()
{
    $(this).find('span').html('Collapse').hide().fadeIn('slow');
});

例: http://jsfiddle.net/sKcE3/