幻燈片（切換）的div一側

我已經創建了類似的佈局到一個我想實現我的網頁。請看這fiddle。我想通過點擊<div class="clickMe"></div>將所有<div class="slide"></div>滑動（切換）到左邊。我見過很多類似的問題，但到目前爲止我還沒有成功。幻燈片（切換）的div一側

編輯。 我的問題可能是誤導。我正在尋找類似jQuery功能slideUp(), slideDown(), slideToggle()的東西，但是這樣內容會橫向滑動，例如slideLeft()。到目前爲止，我發現，沒有像這樣的東西存在。

更新所以我來到this。

來源

2014-04-06 quapka

一下添加到.slide { }

position: relative;

來源

2014-04-06 13:31:31 Deryck

謝謝，如果我想將它隱藏在一邊而不將它完全推向屏幕？並能夠顯示回來？像某種側面菜單。 – quapka

我建議您設置保持狀態，以便能夠顯示再次如下全局變量：

state = true; 
$('.clickMe').click(function(){ 
    if (state){  
    $(".slide").animate({ "left": "-=500px" }, "slow"); 
     state = false; 
    } 
    else{ 
     $(".slide").animate({ "left": "" }, "slow"); 
     state = true; 
    } 

});

結帳這個DEMO

來源

2014-04-06 13:40:05 SaidbakR

謝謝，但我可能通過添加'animate（）'來誤導你。在頁面中間對div進行圖像處理，我不希望它覆蓋頁面上的所有內容。我簡單地想要將它隱藏到一邊（而不是窗戶的一側）。像slideUp/Down/Toggle（），但是slideLeft/Right（）。我認爲沒有這樣的東西存在，所以這就是爲什麼我使用了animate（）。 – quapka

幻燈片（切換）的div一側

回答

相關問題