jQuery Accordion

Trying out jQuery - here's an Accordion in less than 10 lines of javascript!



You can also see the demo / code here. [in case the iframe gets blocked]

How it works

Structure:
Accordion
-- AccordionPage
------AccordionHeader
------AccordionContent
-- AccordionPage
------AccordionHeader
------AccordionContent

Logic:
On-click of Header - hide all 'content' and display the 'content' which is a sibling of the header.

Javascript:

	// Code by Vikram - 8bitmemories.blogspot.com
	$(document).ready(function () {
	$('.accordionContent').hide();
	$('.accordionHeader').on('click', function (e) {
	e.preventDefault();
	$('.accordionContent').hide(100);
	$(this).next('.accordionContent').fadeIn(200);
	});
	});

view raw JS Accordion hosted with ❤ by GitHub