I am working on a `listview` which has auto dividers based on date it is a very long list & `data-autodividers='true'` works fine but I want to further improve it by making the `listview` collapsible on date. 

This can be done from back-end using c# (I am working on an asp.net webform mobile website) where I group my list based on Month-Year and make each group collapsible. 

But I would love to do it with jQuery as I do for `autodivider`. I have set up same on jsFiddle.

**<http://jsfiddle.net/5PnBT/10/>**

**How can I make these auto-divider collapsible using jQuery *without* doing it from code-behind file (c#)?**

I did not see where jquerymobile has this as a build in option.

```
$(document).on("pageinit", "#page-wrapper", function () {
    $("#hp-latest-articles").listview({
        autodividers: true,
        autodividersSelector: function (li) {
            var out = li.attr('date');
            return out;
        }
    }).listview('refresh');
});

```