From c98cd7b832d97d2175dc87e2f3b6b90b9a084710 Mon Sep 17 00:00:00 2001 From: Karsten Heiken Date: Sun, 31 Jul 2011 17:24:08 +0200 Subject: [PATCH] Add JS file for jQuery magic --- assets/js/scattport.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 assets/js/scattport.js diff --git a/assets/js/scattport.js b/assets/js/scattport.js new file mode 100644 index 0000000..0950079 --- /dev/null +++ b/assets/js/scattport.js @@ -0,0 +1,20 @@ +$(document).ready(function() { + + //When page loads... + $(".tab_content").hide(); //Hide all content + $("ul.tabs li:first").addClass("active").show(); //Activate first tab + $(".tab_content:first").show(); //Show first tab content + + //On Click Event + $("ul.tabs li").click(function() { + + $("ul.tabs li").removeClass("active"); //Remove any "active" class + $(this).addClass("active"); //Add "active" class to selected tab + $(".tab_content").hide(); //Hide all tab content + + var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content + $(activeTab).fadeIn(); //Fade in the active ID content + return false; + }); + +}); \ No newline at end of file