/***

@title:

Super Simple Tabs



@version:

1.0



@author:

Andreas Lagerkvist



@date:

2009-06-01



@url:

http://andreaslagerkvist.com/jquery/super-simple-tabs/



@license:

http://creativecommons.org/licenses/by/3.0/



@copyright:

2008 Andreas Lagerkvist (andreaslagerkvist.com)



@requires:

jquery



@does:

This is an extremely basic tabs-plugin which allows you to create tabbed content from the ever-so-common list of in-page-links. Atm the plug-in takes no configuration and simply hides/shows the content the links are pointing to as the user clicks.



@howto:

jQuery('ul.tabs').superSimpleTabs(); would make every ul with the class 'tabs' hide show the content its links are pointing to.



@exampleHTML:

<ul>

	<li><a href="#jquery-super-simple-tabs-example-1">Content 1</a></li>

	<li><a href="#jquery-super-simple-tabs-example-2">Content 2</a></li>

	<li><a href="#jquery-super-simple-tabs-example-3">Content 3</a></li>

</ul>

<div id="jquery-super-simple-tabs-example-1">

	Content 1

</div>

<div id="jquery-super-simple-tabs-example-2">

	Content 2

</div>

<div id="jquery-super-simple-tabs-example-3">

	Content 3

</div>



@exampleJS:

jQuery('#jquery-super-simple-tabs-example ul').superSimpleTabs();

***/

jQuery.fn.superSimpleTabs = function () {

	return this.each(function () {

		var ul = jQuery(this);



		// Go through all the in-page links in the ul

		ul.find('a[href^=#]').each(function (i) {

			var link = jQuery(this);



			// Hide all containers cept the first

			if (i) {

				jQuery(link.attr('href')).hide();

			}

			else {

				link.addClass('selected');

			}



			// When clicking link

			link.click(function () {

				// Hide selected link's containers

				jQuery(ul.find('a.selected').removeClass('selected').attr('href')).hide();



				// Show this one's

				jQuery(link.addClass('selected').attr('href')).show();



				return false;

			});

		});

	});

};