A jQuery plugin that enables the behaviour of the HTML5 <details> and <summary> elements.

jquery.detailsshim.js

(function($) {
    $.detailsShim = function() {
        $("details").each(function() {
            // Initial state of all elements in <section>
            var initOpen = ($(this).attr('open') === "true") ? true : false;
            $(this).children(":not(summary)").each(function() {
                $(this).toggle(initOpen);
            });

            // Click event on <summary> toggles all elements
            $("summary").click(function(e) {
                e.preventDefault();
                $(this).nextAll().toggle();
            });
        });
    }
})(jQuery);