Javascript jqueryui显示幻灯片div

我正在尝试创建一个链接“onclick”js事件，将特定div向左滑动。如果按照这个顺序从第一个链接到第三个链接，那么下面的JSFIDLE就可以工作。如果向后，div不会滑动。。。我尝试重新zindexing，使要滑动的div位于当前可见div的顶部，但这似乎不起作用

---

请提供帮助。

动画开始时，而不是完成时，需要隐藏其他div。您的代码可以工作，但幻灯片不可见，因为在动画完成之前，活动层位于顶部

var curWindow;
function doShow(inDiv){
    curWindow = inDiv;
    $(inDiv).zIndex(1);
    closeHidden();
    $(inDiv).show({
        effect:'slide',
        direction:'right',
        duration:1000
    });
}
function closeHidden(){
    $(".frameDiv").each(function(i){
        if ("#" + this.id !== curWindow){
            $("#" + this.id).hide();
            $("#" + this.id).zIndex(99);
        }
    });
}

在这里，这是可行的：

编辑：如果要在动画完成之前显示div，请在动画开始之前设置zIndex，并在完成时隐藏

EDIT2:这很有效

var curWindow;
function doShow(inDiv){
    curWindow = inDiv;
    $('.frameDiv').zIndex(1);
    $(inDiv).zIndex(10);
    $(inDiv).show({
        effect:'slide',
        direction:'right',
        duration:1000,
        complete: closeHidden
    });
}
function closeHidden(){
    $(".frameDiv").each(function(i){
        if ("#" + this.id !== curWindow){
            $("#" + this.id).hide();
        }
    });
}

---

JSFiddle:

我觉得小提琴不管用？或者至少不在mac chrome/ff上。您的演示已损坏。抱歉。。。错误的JSFIDLE版本。我的坏代码现在应该可以“工作”了。不幸的是不是答案，但感谢您的快速响应。见下文。将代码从我的开发移植到JSFIDLE时，遗漏了这一部分。@frustratedITGuy编辑，请检查。这就是我在设置zindex时试图解释的。如果我在“显示”之前“隐藏”DIV，它将不会滑过当前选择的DIV。。即，我希望在显示第三个后单击第一个时，将“第一个”滑过“第三个”。

var curWindow;
function doShow(inDiv){
    curWindow = inDiv;
    $('.frameDiv').zIndex(1);
    $(inDiv).zIndex(10);
    $(inDiv).show({
        effect:'slide',
        direction:'right',
        duration:1000,
        complete: closeHidden
    });
}
function closeHidden(){
    $(".frameDiv").each(function(i){
        if ("#" + this.id !== curWindow){
            $("#" + this.id).hide();
        }
    });
}