Jqm version: 1.2.0

Desired Result:

Upon setting a collapsible button, links to data-mini="true", wish to have buttons

should use data-mini="true"

Problem:

No matter what I do, I can not get the buttons to be minimize. I have been to the docs several times and tried every combination.  I am providing the code snippet and a picture of the un-collapsed output. hope this helps.

2. <!-- pasta dishes -->
3. <div data-role="collapsible">
4. <h3><div data-iconpos="top">Pasta Dishes</div></h3>
5. <h3 align="center">Great Italian Famly Receipts"</h3>
6. <div>
7. <ul data-role="listview">
8. <li><a href="specPasta.html" daata-role="button" data-mini="true">Speciality Pasta</a></li>
9. <li><a href="Italian Pasta.html" daata-role="button" data-mini="true">Italian Pasta</a></li>
10. <li><a href="Casseroles.html" daata-role="button" data-mini="true">Casseroles</a></li>
11. <li><a href="tortellini.html" daata-role="button" data-mini="true">Tortellini</a></li>
12. </ul>
13. </div>
14. </div>
15.   <!-- /pasta dishes -->

Pasta button in opened state

Notice that Pasta and expanded links are not minimized.

Thank you for any assistance.