Здравствуйте.
У меня на сайте chelseablues.ru, в правом блоке, есть табы. Сложилась такая ситуация, что мне нужно еще поставить одни табы, но в дургом месте. При добавлении второго скрипта происходит конфликт.
Первый код:
$(document).ready(function() {
//�������� �� ���������
$(".tab_content").hide(); //������ ���� �������
$("ul.tabs li:first").addClass("active").show(); //������������ ������ �������
$(".tab_content:first").show(); //�������� ������� ������ �������
//������� �� �����
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //������� "active" �����
$(this).addClass("active"); //�������� "active" ��� ��������� �������
$(".tab_content").hide(); //������ ������� �������
var activeTab = $(this).find("a").attr("href"); //����� �������� ��������, ����� ���������� �������� ��� + �������
$(activeTab).fadeIn(); //������������ ��������� ��������
return false;
});
});
Второй код:
$j(document).ready(function() {
//�������� �� ���������
$j(".tab_contentnews").hide(); //������ ���� �������
$j("ul.tabsnews li:first").addClass("active").show(); //������������ ������ �������
$j(".tab_contentnews:first").show(); //�������� ������� ������ �������
//������� �� �����
$j("ul.tabsnews li").click(function() {
$("ul.tabsnews li").removeClass("active"); //������� "active" �����
$(this).addClass("active"); //�������� "active" ��� ��������� �������
$(".tab_contentnews").hide(); //������ ������� �������
var activeTab = $j(this).find("a").attr("href"); //����� �������� ��������, ����� ���������� �������� ��� + �������
$j(activeTab).fadeIn(); //������������ ��������� ��������
return false;
});
});
Сам конфликт можно увидеть здесь
http://chelseablues.ru/index/taby/0-255#tab1 , получается, что одини табы не работают. Нажимаешь на таб в правом блоке, а переключается в середине.
Подскажите, как убрать этот конфликт?
