Simple content panes with navigation

gistfile1.js

/* -------------------------------------- */
//Content panes with navigation

var $panesContainers = $("[data-panes]");
$panesContainers.each(function () {

	var $container = $(this),
		$items = $container.children($container.attr("data-panes")),
		itemTotal = $items.length - 1,
		$navigation = $container.find($container.attr("data-panes-navigation"));

	if (itemTotal === 0) return;

	$navigation
	.click(function () {

		var $this = $(this),
			currentIndex = $navigation.index($this);

		changeItem(currentIndex);

	})
	.attr("href", "javascript:void(0);");

	function changeItem(index) {
		$navigation
		.removeClass("current")
		.eq(index)
		.addClass("current");

		$items
		.hide()
		.eq(index)
		.show();
	}

	changeItem(0);

});