jquery - jQuery Mobile - 通常のリスト アイテムと組み合わせた折りたたみ可能アイテム

Question

これを機能させるのに苦労しているので、ここに私が欲しいものがあります:

-Collapsible
---Item 1
---Item 2
---Item 3
-Normal list view item with link
-Collapsible
---Item 1
---Item 2
---Item 3

したがって、基本的には、折りたたみ可能な要素で囲まれたリンクを持つ通常のリストビュー アイテムが必要です。

アコーディオンとリストビューを使用してみましたが、これまでのところどこにも近づきませんでした。

<ul data-role="listview">
    <li>
        <div data-role="collapsible">
            <h3>Invite</h3>
            <ul data-role="listview" data-inset="false">
                <li><a href="#">Email Invite</a></li>
                <li><a href="#fb_invite">Facebook Invite</a></li>
                <li><a href="#twitter_invite">Twitter Invite</a></li>
                <li><a href="#address_book_invite">Address Book Invite</a></li>
            </ul>
        </div>
    </li>
    <li><a href="#">Normal item!</a></li>
</ul>

これにより、機能がうまく作成されます。問題は、折りたたみ可能なリストにボタンの視覚的側面があることです。通常の li アイテムとまったく同じように見えるようにしたいのです。

この問題を解決するためのアプローチは大歓迎です。