点击一个选项卡其他选项卡跟着动

[炼金石]

我首页设计多个tab选项卡，但是点击第一个tab其他的选项卡同步跟着移动，请问下怎么解决，是js需要重新开发吗?
JS代码

/*找装修开始*/
$(function(){
	//设计案例切换
	$('.title-list li').click(function(){
		var liindex = $('.title-list li').index(this);
		$(this).addClass('on').siblings().removeClass('on');
		$('.product-wrap div.product').eq(liindex).fadeIn(150).siblings('div.product').hide();
		var liWidth = $('.title-list li').width();
		$('.zzx .title-list p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300);
	});
	
	//设计案例hover效果
	$('.product-wrap .product li').hover(function(){
		$(this).css("border-color","#ff6600");
		$(this).find('p > a').css('color','#ff6600');
	},function(){
		$(this).css("border-color","#fafafa");
		$(this).find('p > a').css('color','#666666');
	});
	});
/*找装修结束*/
/*买建材开始*/
$(function(){
	//设计案例切换
	$('.title-list li').click(function(){
		var liindex = $('.title-list li').index(this);
		$(this).addClass('on').siblings().removeClass('on');
		$('.mjc-wrap div.mjc').eq(liindex).fadeIn(150).siblings('div.mjc').hide();
		var liWidth = $('.title-list li').width();
		$('.z-mjc .title-list p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300);
	});
	
	//设计案例hover效果
	$('.mjc-wrap .mjc li').hover(function(){
		$(this).css("border-color","#ff6600");
		$(this).find('p > a').css('color','#ff6600');
	},function(){
		$(this).css("border-color","#fafafa");
		$(this).find('p > a').css('color','#666666');
	});
	});
/*买建材结束*/