(function($) { $.fn.extend({ tabify: function(options) { var defaults = { "tabelement": "h2" }; var options = $.extend(defaults, options); return this.each(function() { var obj = $(this); var tabs = $(options.tabelement, obj); var tabContent = tabs.next(); var index = tabContent.index($(window.location.hash)); index = index > -1 ? index : 0; tabs.hide(); tabContent.hide(); tabContent.eq(index).show(); obj.prepend('<ul class="tabs"><\/ul>'); tabs.each(function() { var label = $(this).text(); $("ul.tabs", obj).append("<li class=\"menu-item\"><div class=\"left\" /><div class=\"right\" /><span class=\"header\">" + label + "</span></li>") }); var tabs = $("ul.tabs li", obj).click(function() { tabs.removeClass("selected"); tabContent.hide(); $(this).addClass("selected"); var current = tabs.index($(this)); tabContent.eq(current).show() }); tabs.eq(index).addClass("selected") }) } }) })(jQuery);