在其他人關閉後打開幻燈片

Question

我認爲對於jquery中有經驗的人來說並不難，但不幸的是，我不是。我在周圍搜索，發現了一些問題，但我無法在提到的解決方案中連接點。

<div id="Top"> 
<p>Lorem ipsum dolor</p> 
<ul class="links"> 
    <li class="one"><a href="#">One</a></li> 
    <li class="two"><a href="#">Two</a></li> 
    <li class="three"><a href="#">Three</a></li> 
</ul>  
</div> 

<div id="one"> 
<p>Lorem ipsum</p> 
</div> 
<div id="two"> 
<p>Lorem ipsum</p> 
</div> 
<div id="three"> 
<p>Lorem ipsum</p> 
</div> 

所以，我已經有了一個叫「頂」分區，在該分區的底部，我展示三個環節，一，二，三。在該div下面，還有3個其他div，全部都顯示出來：none，如果點擊了其中一個對應鏈接，我想顯示這些div。 但是，我只想在一個開放的關閉後顯示一個div。此時，一個正在關閉，另一個正在打開。

我嘗試了很多東西，但都沒有解決。我希望有人能幫我解決我能理解的問題！

作爲一個新手，我可能拿錯了路線，但無論如何，事情我想：

$("li.one a").click(function(event){ 
    event.preventDefault(); 
    $("#one").slideToggle("slow", function(){ 
     $("#two, #three").slideUp("slow"); 
    }); 
}); 

這僅僅是一個li.one，同爲li.two和li.three一

，我試圖像這樣：

$("li.een a").click(function(event){ 
    event.preventDefault(); 

    if($("#een").hasClass("open")) { 
     $("#een").slideUp("slow").removeClass("open"); 
    } 
    else { 
     $("#een").slideDown("slow").addClass("open"); 
    }; 

}); 

好吧，我看着加的回答並提出這樣的：

$("li.one a").click(function(event){ 
    event.preventDefault(); 
    $('#two').slideUp(function(){ 
     $('#one').slideToggle(); 
    }); 
}); 

而且我把這些在這麼兩三個可以滑動打開

$("li.two a").click(function(event){ 
    event.preventDefault(); 
    $("#two").slideToggle("slow"); 
}); 

$("li.three a").click(function(event){ 
    event.preventDefault(); 
    $("#three").slideToggle("slow"); 
}); 

而且這部分的作品！一個和兩個可以滑動切換。如果Two打開並且One被點擊，則兩個關閉，當它完成時，一個slideToggles打開。

而這正是它開始出問題的地方...

這

$('#two').slideUp(function(){ 

只允許#two到效果基本show，但如果#three是開放的，但這並沒有近身的時候li.one a被點擊。

我試圖

$('#two, #tree').slideUp(function(){ 

但是給出錯誤的水煤漿。

$("li.one a").click(function(event){ 
    event.preventDefault(); 
    $('#two').slideUp(function(){ 
     $('#one').slideToggle(); 
    }); 
}); 

Answer 1

使用jQuery的動畫回調：

$('#element1').slideUp(function(){ 
    $('#element2').slideDown(); 
}); 

希望幫助。