同一div（区域）中的多个jquery幻灯片

Question

我遇到了一个令人头疼的问题，至少对我来说是这样。我一生都无法弄清楚如何让新的幻灯片“在上面”播放或“替换”另一个幻灯片。它需要位于同一个 div/空间中。

请查看实时页面@ http://infin80.com/new /print-design/las-vegas-graphic-design.php

当单击每个类别的查看按钮时，我希望在同一空间中播放不同的幻灯片（照片集）。这是我需要的显示/隐藏脚本吗？如果可能的话，我想保留“输出”描述功能。预先感谢大家。

这是功能循环幻灯片：

$('#rotate').cycle({ 
fx:     'fade', 
speed:  500, 
timeout: 4000, 
pause: 1,
next:   '#next2', 
prev:   '#prev2',
before:  onBefore, 
after:   onAfter 
});
function onBefore() { 
    $('#output').html('<h5>' + "CURRENT IMAGE (Scroll over to pause):" + '</h5>'); 
} 
function onAfter() { 
    $('#output').append('<h3>' + this.alt + '</h3>'); 
}