@@ -20,7 +20,7 @@ </script> <style type="text/css" media="screen"> - li.active a {color:red;} + li.active a:first-child {color:red;} </style> </head> jquery.tabify/index.html @@ -1,24 +1,26 @@ +// Requires jQuery 1.3 as it uses live events (function($) { $.fn.tabify = function() { var elements = this.each(function() { var bar = $(this).addClass('tab_bar'); - var tabs = bar.find('a').each(function() { + var tabs = bar.find('li a:first').each(function() { initTab(this); }).live('click', function() { - var bar = $(this).parents('.tab_bar'); - bar.find('li.active').removeClass('active'); - $(this).parent('li').addClass('active'); + var tab = $(this); + var bar = tab.parents('.tab_bar'); - bar.find('a').each(function() { - panelFor(this).hide(); - }); + bar.find('li.active').removeClass('active'); + tab.parent('li').addClass('active'); + bar.find('li a:first').each(function() { panelFor(this).hide(); }); panelFor(this).show(); + return false; }); - $(tabs[0]).click(); + var default_tab = $(tabs[0]); + default_tab.click(); }); function initTab(tab) { jquery.tabify/jquery.tabify.js b756921d77737a8d7f40b59813db5fdc43c42a5b John Nunemaker nunemaker@gmail.com http://github.com/jnunemaker/javascripts/commit/577569f979138ada524e5bcd7326d967aba9477b 577569f979138ada524e5bcd7326d967aba9477b 2009-01-21T13:58:53-08:00 2009-01-21T13:58:53-08:00 only assuming the first link is the tab so i can have remove tab links c7ca9e6a88531e12427c52d383c101d795fe4392 John Nunemaker nunemaker@gmail.com