jQuery.header-content

Download uncompressed (JS 1.71 kB) or minified (JS 0.59 kB).

$(function()
{
	// Go through each header.
	$(':header').each(function()
	{
		// Wrap the header content.
		$(this).headerContent().wrapAll('<div class="section-content"></div>');

		// Wrap the header and content.
		$(this).headerAndContent().wrapAll('<div class="section"></div>');
	});
});

Demo

Section toggles

Content toggles

h1

First paragraph

h2

First paragraph

h3

First paragraph

h4

First paragraph

h5

First paragraph

h6

First paragraph

h2

First paragraph

Second paragraph

Third paragraph

h2

First paragraph

h3

First paragraph

Second paragraph