jquery - 同じイベントを使用する複数のセレクター

Question

私はJqueryに非常に慣れていないので、これに関する助けをいただければ幸いです。

これが理にかなっていることを願っています:

Twitter Bootstrap に基づいてサイトを構築しました。複数の折りたたみ div があり、それぞれが独自のボタンによってトリガーされます。これらのボタンはすべて同じクラスを共有しています。

「表示」イベントと「非表示」イベントを使用して、背景画像の css プロパティを変更しています (展開を示す「+」から折りたたみを示す「-」まで)。

「this」を使用して現在の要素をターゲットにする方法がまだわからないため、div を表示/非表示にするボタンの背景のみを変更できます。

$('#myDiv').on('show', function () {

    $("a.myBtn").css({
        'background': 'url(/wp-content/themes/wpbootstrap/bootstrap/img/btn_collapse.png) no-repeat',
        'background-position': 'right 3px'
    });
});

$('#myDiv').on('hide', function () {

    $("a.myBtn").css({
        'background': 'url(/wp-content/themes/wpbootstrap/bootstrap/img/btn_expand.png) no-repeat',
        'background-position': 'right 3px'
    });

});