[veatone]

Здравствуйте.

У меня на сайте 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 , получается, что одини табы не работают. Нажимаешь на таб в правом блоке, а переключается в середине.

Подскажите, как убрать этот конфликт?