Team:Uppsala/Templates/TselectTier2

• <a href="#" title="tab1">One</a>
• <a href="#" title="tab2">Two</a>
• <a href="#" title="tab3">Three</a>
• <a href="#" title="tab4">Four</a>

<script>

$(document).ready(function() {

   $("#section_selector div").hide(); // Initially hide all content
   $("#tabs li:first").attr("id","current"); // Activate first tab
   $("#section_selector div:first").fadeIn(); // Show first tab content
   
   $('#tabs a').click(function(e) {
       e.preventDefault();        
       $("#section_selector div").hide(); //Hide all content
       $("#tabs li").attr("id",""); //Reset id's
       $(this).parent().attr("id","current"); // Activate this
       $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
   });

})();

</script>