重叠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的内容在其他

回答

相关问题