刪除類後移出CSS動畫

Question

我有一個具有淡入和淡出過渡的滑塊。它基本上循環並切換我的<li></li>元素，並將.current類添加到活動幻燈片。看起來像這樣<li class="current"></li>。

您認爲我的代碼的解決方案是什麼？http://jsbin.com/evayaw/

我剛剛添加了一個按鈕，在幻燈片上添加一個類（.active）以模仿我的滑塊行爲。每個幻燈片內的對象在父容器上添加.active類後會進行動畫處理。在刪除.active類後，它也應該過濾掉。過渡通常會做相反的屬性，例如。從opacity: 1;它將去到opacity 0;或從left: 100;到left: 0;。

類似的：http://tympanus.net/Development/ParallaxContentSlider/ - 這與我現有的滑塊使用不同的方法，所以我不能使用它。

Answer 1

http://jsbin.com/evayaw/35

如果單擊2，然後3，然後2，是你想要的嗎？問題的一部分是當你刪除.active時，它不再有z-index:9999;。我添加了一個.unActive（它也有z-index:9998;，並且還添加了一個`.delay'。）

此外，使用href標籤，您一直到頁面頂部去除它們（我想我可以讓它們停止默認行爲，但我把a屬性放入li，並且還給了li一個鼠標指針的屬性。我也有點擊使用nth_of_type（），但是你可以刪除它，只是幫助我確定你的按鈕不是問題。

編輯：另外，當你想要一個動畫'反向'而不是.object_#你把.unActive .object_#