Jquery проблема - прокрутка меню

Question

Я не могу понять, почему вторая галерея не прокручивается как первый Вот ссылка:

Вот JQuery, что делает его работу:

$(function(){ 
var state = 0; 
var maxState = 7; 
var winWidth = $('#sub').width(); 

$('#sub').resize(function(){ 
    winWidth = $('#sub').width(); 
    $('.gallerybox,.container_element').width(winWidth-110); 
    $('.container_element').scrollLeft((winWidth-110)*state); 
}).trigger('resize'); 
$('#lefty').click(function(){ 
    if (state==0) { 
     state = maxState; 
    } else { 
     state--; 
    } 
    $('.container_element').animate({scrollLeft:((winWidth-100)*state)+'px'}, 800); 
}); 
$('#righty').click(function(){ 
    if (state==maxState) { 
     state = 0; 
    } else { 
     state++; 
    } 
    $('.container_element').animate({scrollLeft:((winWidth-100)*state)+'px'}, 800); 
}); 
}); 

Answer 1

Обе панели навигации имеют одинаковый идентификатор. Следовательно, при поиске идентификатора в jQuery он прекратит поиск, как только он найдет самый первый результат. Таким образом, он не получит вашу вторую навигационную вкладку.

Измените идентификатор или используйте селектор классов.

Кстати, вы должны разместить html здесь, а не ссылку на продуктивный сайт