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');
});
Edit
Report