I am setting up a j query mobile page showing over 50 elements, how can I just show the first 10 when open up the page, and with a more button on the bottom which can show all if click on it. my script is:
<body>
<div data-role="page" data-add-back-btn="true" data-back-btn-text="Back" >
<div data-role="header" >
<h1 style="white-space:normal">body</h1>
</div>
<ul data-role="listview" data-inset="true" data-filter="false">
<li><a href="http://www.mydomain.co.nz/users/262/">Feature listings</a> </li>
<ul data-role="listview" data-filter="false">
<table>
<li ><a href="/users/264/properties/50473">
<img src="/media/2012/11/01/011528_47689.jpg?m=resize&o[geometry]=80x60&s=f9e49fbb929e8d1b"/>
<h3>7C/192 Willis Street</font></font></font>, Beijing</h3>
<p>Buyer Enquiry Over $305,000<br />
Ref: 47689</p>
</a></li>
<li ><a href="/users/264/properties/50474">
<img src="/media/2012/11/01/011533_47722.jpg?m=resize&o[geometry]=80x60&s=b4482c7638c512b4"/>
<h3>606/35 Abel Smith Street</font></font></font>, Te Aro</h3>
Ref: 47722</p>
</a></li>
<li ><a href="/users/264/listings/50476">
<img src="/media/2012/11/01/011539_47691.jpg?m=resize&o[geometry]=80x60&s=66def46f1524e177"/>
<h3>8/34 William Street</font></font></font>, Hataitai</h3>
<p>Buyer Enquiry Over $280,000<br />
Ref: 47691</p>
</a></li> ........
....... over 50 elements