jquery - オンオフボタンとして画像付きのアコーディオン

Question

コードの例があります。これはアコーディオン用です

ここに

http://jsfiddle.net/hDRMP/18/

問題は、

Lorem/Ipsum を画像に変更したい。
つまり、ボタンをオフにして、
image1 をクリックし、アコーディオンを開いて image1 を image2 に変更します。
image2 クリック、アコーディオンを閉じる + image2 を image1 に変更

私はそれを通していくつかの変更を加えました。

CSS

.accordionButton a{
    display: inline-block;
    position: absolute;
    width: 44px;
    height: 44px;
    background:url(image1.png) 0 0 no-repeat;
    text-indent: -9999px;
    cursor:pointer;
    }
.on{
    background:url(image2.png) 0 0 no-repeat;
    float: left;
    cursor:pointer;
    }
.over{
    background:url(image1.png) 0 0 no-repeat;
    float: left;
    cursor:pointer;
    }

誰でも助けることができますか？
ありがとう...