// Jquery code to handle tabs // Revised 5.5.09 Antics Digital Marketing $(document).ready(function(){ var $selectedTab = $("#tab3"); // Set the initial selected tab var $selectedTabContent = $("#tab3content"); // Set the initial selected tab content $(".tabs li a").click(function() { // Handle clicks to the tabs $selectedTab.removeClass("selected"); // Clear the old selected tab $selectedTab = $(this); $(this).addClass("selected"); // Highlight the new selected tab $selectedTabContent.hide(); // Hide the old tab content var thisTabContent = "#" + $(this).attr("id") + "content"; $selectedTabContent = $(thisTabContent); $selectedTabContent.show(); // Show the tab new content }); var $selectedAccordion = $("#arr0"); // Set the initial selection var $selectedAccordionContent = $("#accordion-arr0 .element"); // Set the initial selection $("h2.toggler").click(function() { // Handle clicks to the accordion headers $selectedAccordion.removeClass("accordionSelected"); // Clear the old selection $(this).addClass("accordionSelected"); // Highlight the new selection $selectedAccordion = $(this); $selectedAccordionContent.slideUp("slow"); var thisAccordion = "#accordion-" + $(this).attr("id") + " .element"; $selectedAccordionContent = $(thisAccordion); $selectedAccordionContent.slideDown("slow"); }); /***** MouseOvers for Accordions *****/ $("h2.toggler").hover( function () { // HoverOn handler $(this).addClass("accordionHover"); }, function () { // HoverOff handler $(this).removeClass("accordionHover"); } ); });