使用jquery遍历各个部分

Question

我试图使用此脚本循环使用“work”类的部分。按循环，我的意思是一次只显示一个部分，然后在按下下一个或上一个按钮时显示下一部分。每个部分包含几个元素，如h1，p和内部带有数字的div。循环工作正在运行，但我正在使用一个名为“imGrid”的jquery插件（在网格中显示图像）。图像在第一部分正确打开，但在此之后的每个部分，单击时照片无法正确打开。我知道这是因为这些部分隐藏了display：none;

$('button.next').click(function() {
    var visibleBox = $('.container2 .work:visible');
    visibleBox.hide(1);
    var nextToShow = $(visibleBox).next('.work:hidden');
    if (nextToShow.length > 0) {
        nextToShow.fadeIn(700);
    } else {
        $('.container2 .work:hidden:first').fadeIn(700);
    }
});

我的网站可以在这里找到，所以你可以看到确切的问题： http://www.unf.edu/~n00804716/my-site/ind-work.html#

检查单击标题为“Tarantino Series”的第一部分中的图像如何正确打开。然后按下一个按钮并尝试单击网格中的图像。图像无法正确打开。