Question

我正在创建一个类似抽屉的功能。

请检查：http://jsfiddle.net/nitj2021/YyN6k/3/

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

仅适用于Chrome 。现在点击幻灯片面板，它将显示抽屉。现在我不想移动已经显示在页面上的内容。抽屉应与内容重叠。

Answer 1

将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

Answer 2

您需要在要与其余部分重叠的div上使用position:absolute;。

您可能希望将div和按钮包装在div中并将其应用于我在此处...

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

Answer 3

尝试使用position:absolute

上的#panel

在其他地方重叠div的内容

3 个答案: