テキスト部分を画像に変えたい
いつもお世話になっています。
http://depthcode.com/jquery/fadetoggle/index.html
部分の「もっと見る」と「隠す」の部分を画像にしたいのですが、どこを直せば画像にできるのでしょうか?
<script type="text/javascript">
<!--
$(function () {
var fadeToggleBox = $('div.box');
$(fadeToggleBox).hide();
$('a.open').click(function () {
if ($(fadeToggleBox).is(':hidden')) {
$(this).text('隠す');
} else {
$(this).text('もっと見る');
}
$(fadeToggleBox).animate({
opacity: 'toggle',
height: 'toggle'
}, 'slow'); //or fast
$(this).toggleClass('close');
return false;
});
});
// -->
</script>
部分をかえればできると思うのですが、どうかえればいいかわかりません。
よろしくお願いいたします。