jquery - 背景画像の位置を切り替える

Question

divが表示されているかどうかに応じてテキストを変更しながら、divを表示/非表示にする以下のコードがあります。

$('#more').click(function() {
    $('#extra').slideToggle('fast');
    $('#more').text(function(_,txt) {
        return txt == 'More about us' ? 'Less about us' : 'More about us';
    });
    return false;
});

リンクには#more下向きの矢印があります (div が非表示の場合、「More about us」テキストの場合) が、div が表示され、テキストが「Less about us」と表示されている場合は、この矢印を上向きに変更したいと思います。 '。上記のコードを編集してこれを行うにはどうすればよいですか?

Answer 1

2 つの css クラスを作成し、正しいクラスを設定するだけでよいと思います。

$('#more').removeClass("arrowdown");
$('#more').addClass("arrowup");

設定したテキストに応じて、その逆も同様です。

Answer 2

前の質問で更新されたいくつかのコードを使用して終了しました:

$('#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;
});