A simple vertical jQuery accordion with much room for growth. In future version I would like to use a few additional lines of JS to create a cleaner structure but even if only as an example this is a good start. I made a horizontal accordion as well but all things will be made public in due time.

This script creates a cooking and remembers which section was last opened therefore making it a great homepage piece or miniature site navigation.

Cheers!

$('img#nav1').hover(function() {
	$(this).attr("src","/images/headerNav/1-over.gif");
		}, function() {
	$(this).attr("src","/images/headerNav/1.gif");
});

<img src="1.gif" id="nav1" />

And there you have it! Coming up next is the SEO case study of duffynewport.com.