重疊div的內容在其他

我創建一個抽屜看起來相似的功能。重疊div的內容在其他

檢查：http://jsfiddle.net/nitj2021/YyN6k/3/

$("#panel").slideToggle("slow");

其上的鍍鉻只工作。現在點擊滑動面板，它會顯示抽屜。現在我不想移動頁面上已經顯示的內容。抽屜應該重疊內容。

2014-02-26 Nitin Jain

組p個元素到的div和給

position:absolute;

該DIV。

look here

Tutorial from Tutorial-point

$(document).ready(function() { 

    $("#hide").click(function(){ 
    $(".target").hide("slide", 
       { direction: "right" }, 2000); 
    }); 

    $("#show").click(function(){ 
    $(".target").show("slide", 
        {direction: "right" }, 2000); }); 
    });

這可能有助於讓你的目標。希望它能幫助:)

Updated Fiddle

來源

2014-02-26 12:11:27 Arunkumar

相信海報可能仍然想的話「幻燈片面板」移動。此外，只需添加絕對位置不會使幻燈片div與其餘內容重疊。 –

@MathewMacLean是的，我想移動「幻燈片面板」一起 –

找到上面更新的小提琴。 – Arunkumar

嘗試使用position:absolute在#panel

來源

2014-02-26 12:16:13 Rinrub

你需要對你想重疊其餘的div使用position:absolute;。

您可能想包裝div和按鈕在一個div並將其應用到我這裏......

http://jsfiddle.net/YyN6k/8/

來源

2014-02-26 12:16:56 Dijon

這隻適用於chrome，正如海報最初的問題所報道的那樣。 –

@Dijon可以同樣的水平實現。就像點擊它會從右側出來一樣。 –

[**此問題**]（http://stackoverflow.com/questions/13629479/slidetoggle-from-right-to-left）更多關於如何做到這一點，您需要使用' .animate（）'和一些CSS屬性或者使用jQuery UI'.slide（）'函數。 – Dijon

重疊div的內容在其他

回答

相關問題