Javascript Jquery问题--滚动菜单

我不明白为什么第二个图库不像第一个图库那样滚动 这里有一个链接：

以下是使其工作的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);
});
});

---

两个导航栏都有相同的id。因此，当您在jQuery中搜索id时，一旦找到第一个结果，它将停止搜索。所以它不会得到你的第二个导航标签

更改id，或使用类选择器

顺便说一下，你应该在这里发布html，而不是链接生产性网站