jQuery.header-content

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

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

		var header_level_if_wanted = this.tagName.toLowerCase();
	});
});

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