Collapsible with Grid Layout

by emgee

HTML

<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
    </head>
    <body>
        <div data-role="page">
            <div data-role="content">
                <div data-role="collapsible" data-theme="b" data-inset="true">
                    <h3><div class="ui-grid-a">
                        <div class="ui-block-a">Customer:</div>
                        <div class="ui-block-b">Mario's Plumbing
              
                        <img src="http://www.downloadatoz.com/_imgbank/0903/Classic-Mario-Bros-Screensaver.icon.gif" alt="image here" width="16px" height="16px" style="padding-left:120px;"/>
                        
                            </div>
                        </div>
                    </h3>
                    <ul data-role="listview">
                        <li><div class="ui-grid-a">
                            <div class="ui-block-a">Phone:</div>
                            <div class="ui-block-b">1-800-MUS-ROOM</div></div></li>
                        <li><div class="ui-grid-a">
                            <div class="ui-block-a">More data:</div>
                            <div class="ui-block-b">blah blah blah</div></div></li>
                    </ul>
                </div>
            </div>
        </div>                
    </body>
</html>