I am using jquery tabs but default it is working on my site but once a part of my site is reloading tabs not working.
Please check this url:
http://www.emptask.com/professionalwhey/product/usa-whey-protein-isolate/
click on tabs it is working first time, but once you change WEIGHT attribute from dropdown, tabs not working.
jQuery(document).ready(function($){
$(".menu li").click(function(e){
switch(e.target.id){
case "news":
//change status & style menu
$("#news").addClass("active");
$("#tutorials").removeClass("active");
$("#links").removeClass("active");
$("#sales").removeClass("active");
$("#share").removeClass("active");
//display selected division, hide others
$("div.news").fadeIn();
$("div.links").css("display", "none");
$("div.tutorials").css("display", "none");
$("div.sales").css("display", "none");
$("div.share").css("display", "none");
break;
case "tutorials":
//change status & style menu
$("#news").removeClass("active");
$("#tutorials").addClass("active");
$("#links").removeClass("active");
$("#sales").removeClass("active");
$("#share").removeClass("active");
//display selected division, hide others
$("div.tutorials").fadeIn();
$("div.news").css("display", "none");
$("div.links").css("display", "none");
$("div.sales").css("display", "none");
$("div.share").css("display", "none");
break;
case "links":
//change status & style menu
$("#news").removeClass("active");
$("#tutorials").removeClass("active");
$("#links").addClass("active");
$("#sales").removeClass("active");
$("#share").removeClass("active");
//display selected division, hide others
$("div.links").fadeIn();
$("div.news").css("display", "none");
$("div.tutorials").css("display", "none");
$("div.sales").css("display", "none");
$("div.share").css("display", "none");
break;
case "share":
//change status & style menu
$("#news").removeClass("active");
$("#tutorials").removeClass("active");
$("#links").removeClass("active");
$("#sales").removeClass("active");
$("#share").addClass("active");
//display selected division, hide others
$("div.share").fadeIn();
$("div.news").css("display", "none");
$("div.tutorials").css("display", "none");
$("div.links").css("display", "none");
$("div.sales").css("display", "none");
break;
case "sales":
//change status & style menu
$("#news").removeClass("active");
$("#tutorials").removeClass("active");
$("#links").removeClass("active");
$("#sales").addClass("active");
$("#share").removeClass("active");
//display selected division, hide others
$("div.sales").fadeIn();
$("div.news").css("display", "none");
$("div.tutorials").css("display", "none");
$("div.links").css("display", "none");
$("div.share").css("display", "none");
break;
}
//alert(e.target.id);
return false;
});
});
I am including this file and jquery file on template file.
Please help me