Hide JQueryUI Accordion Items with View All Option

Question

I have a JqueryUi Accordion that is dynamically generated. However I need it to show only the first 8 items with the rest viewable by clicking a "View All" link.

The code is simply a series of:

<h2>Title</h2>
<div>....</div>

The jquery is all of:

$(function() {
    $("#sidebar").accordion({autoHeight: false});
});

Thanks