image - 画像付きのjqueryモバイルアコーディオン

Question

このページに行くと、jquery mobile accordion が見つかります。このアコーディオンの問題点は、単純すぎることです。+または-記号を表示する代わりに画像を追加して、このアコーディンをリストビューのように見せたいです。そのためのガイドをお願いします。

Answer 1

CSS スタイルシートのスタイルを上書きすることで、アイコンを変更できます。

    .CollapsibleSetPage .ui-collapsible-set .ui-icon{
        background-image:url(images/icons-18-white.png)//your custom icon
    }
    .CollapsibleSetPage .ui-collapsible-set .ui-icon-plus{
        background-position:-108px
    }
    .CollapsibleSetPage .ui-collapsible-set .ui-icon-minus{
        background-position:-144px;
    }

「CollapsibleSetPage」クラスをページに追加して、他のページと区別してこの動作をオーバーライドしました。

折りたたみ可能なセットのカスタム アイコンの例。

https://dl.dropbox.com/u/49735179/Stackoverflow/CustomCollapsibleIcons/test.html