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

Question

至少对我来说，我有一个问题的头脑。我不能为我的生活弄清楚如何让一个新的幻灯片播放“在顶部”或“替换”另一个。它需要在相同的div / space中。

请查看实时页面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>'); 
}