$(function() { $(".tab ul li.tab1").click(function(){ $(".tab ul li.tab1").removeClass("no-bor-right"); $(".tab ul li.tab1").addClass("active"); $(".tab ul li.tab2").removeClass("active"); $(".tab ul li.tab2").removeClass("no-bor-right"); $(".tab ul li.tab2").addClass("no-bor-left"); $(".tab ul li.tab3").removeClass("no-bor-right"); $(".tab ul li.tab3").removeClass("active"); $(".tab ul li.tab3").addClass("no-bor-left"); $(".tab ul li.tab4").removeClass("active"); $(".tab ul li.tab4").addClass("no-bor-left"); $("img.img-tab1").css("display","block"); $("img.img-tab2").css("display","none"); $("img.img-tab3").css("display","none"); $("img.img-tab4").css("display","none"); }); $(".tab ul li.tab2").click(function(){ $(".tab ul li.tab1").removeClass("active"); $(".tab ul li.tab1").addClass("no-bor-right"); $(".tab ul li.tab2").removeClass("no-bor-left"); $(".tab ul li.tab2").removeClass("no-bor-right"); $(".tab ul li.tab2").addClass("active"); $(".tab ul li.tab3").removeClass("active"); $(".tab ul li.tab3").removeClass("no-bor-right"); $(".tab ul li.tab3").addClass("no-bor-left"); $(".tab ul li.tab4").removeClass("active"); $(".tab ul li.tab4").addClass("no-bor-left"); $("img.img-tab1").css("display","none"); $("img.img-tab2").css("display","block"); $("img.img-tab3").css("display","none"); $("img.img-tab4").css("display","none"); }); $(".tab ul li.tab3").click(function(){ $(".tab ul li.tab1").removeClass("active"); $(".tab ul li.tab1").addClass("no-bor-right"); $(".tab ul li.tab2").removeClass("no-bor-left"); $(".tab ul li.tab2").removeClass("active"); $(".tab ul li.tab2").addClass("no-bor-right"); $(".tab ul li.tab3").removeClass("no-bor-left"); $(".tab ul li.tab3").removeClass("no-bor-right"); $(".tab ul li.tab3").addClass("active"); $(".tab ul li.tab4").removeClass("active"); $(".tab ul li.tab4").addClass("no-bor-left"); $("img.img-tab1").css("display","none"); $("img.img-tab2").css("display","none"); $("img.img-tab3").css("display","block"); $("img.img-tab4").css("display","none"); }); $(".tab ul li.tab4").click(function(){ $(".tab ul li.tab1").removeClass("active"); $(".tab ul li.tab1").addClass("no-bor-right"); $(".tab ul li.tab2").removeClass("no-bor-left"); $(".tab ul li.tab2").removeClass("active"); $(".tab ul li.tab2").addClass("no-bor-right"); $(".tab ul li.tab3").removeClass("no-bor-left"); $(".tab ul li.tab3").removeClass("active"); $(".tab ul li.tab3").addClass("no-bor-right"); $(".tab ul li.tab4").removeClass("no-bor-left"); $(".tab ul li.tab4").addClass("active"); $("img.img-tab1").css("display","none"); $("img.img-tab2").css("display","none"); $("img.img-tab3").css("display","none"); $("img.img-tab4").css("display","block"); }); });