Добавить изображение в сворачиваемый заголовок контента

Question

Я слежу за документом по складному контенту на - http://jquerymobile.com/demos/1.0a4.1/docs/content/content-collapsible.html

Существует ли способ добавления изображения справа в поле заголовка (в коде под полем заголовка указывается «Test»).

<div data-role="collapsible" data-collapsed="true">
        <h3>Test</h3><add image here>
    </div>

Кажется, я ничего не могу найти в документах.

Спасибо за любую помощь

Answer 1

• Live Пример: http://jsfiddle.net/xMbyP/3/
• Пример № 2: http://jsfiddle.net/xMbyP/4/
• Идея Навбара: http://jsfiddle.net/5Y3qT/12/

HTML

<div data-role="page" id="home"> 
    <div data-role="content">
        <div data-role="collapsible">
            <h3>I'm a header</h3>
            <p>I'm the collapsible content.</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
            <h3>With Image <img src="http://jquerymobile.com/demos/1.0a4.1/docs/lists/images/us.png" alt="US Flag" /></h3><p>I'm another collapsible content.</p>
        </div>
    </div>
</div>

Answer 2

А как насчет использования двух div с левым и правым плавающим внутри основного div?

<div data-role="collapsible" data-collapsed="true">
    <div style="float: left;"><h3>Test</h3><add image here></div>
    <div style="float: right;"><img src="parth/to/image.ext" /></div>
</div>