jQuery Mobile Cookbook: C5R2 - Split Button List

fiddle.html

<div data-role="page">

  <div data-role="header">
    <h1>Split Button</h1>
  </div>

  <div data-role="content">

    <ul data-role="listview" data-split-icon="star" data-split-theme="c">
      <li>
        <a href="details.html">
          <img src="http://dl.dropbox.com/u/28829261/album-bff.jpg" />
          <h3>Ben Folds Five</h3>
          <p>Ben Folds Five</p>
        </a>
        <a href="purchase.html">Purchase album</a>
      </li>
      <li>
        <a href="details.html">
          <img src="http://dl.dropbox.com/u/28829261/album-waea.jpg" />
          <h3>Whatever And Ever Amen</h3>
          <p>Ben Folds Five</p>
        </a>
        <a href="purchase.html" data-rel="dialog" data-transition="slideup">Purchase album</a>
      </li>
      <li>
        <a href="details.html">
          <img src="http://dl.dropbox.com/u/28829261/album-tuborm.jpg" />
          <h3>The Unauthorized Biography Of Reinhold Messner</h3>
          <p>Ben Folds Five</p>
        </a>
        <a href="purchase.html" data-rel="dialog" data-transition="slideup">Purchase album</a>
      </li>
    </ul>

  </div>

</div>

fiddle.manifest

name: jQuery Mobile Cookbook C5R2 - Split Button List
description: Example of a split button list in jQuery Mobile
authors:
  - Don Walter
resources:
  - http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js
  - http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css
normalize_css: no

http://jsfiddle.net/gh/gist/jquery/1.7.1/2521833/

http://jsfiddle.net/gh/gist/jquery/1.8/2521833/