通过jquery从其他div后面滑动div答案

【问题标题】：Slide div from behind other div via jquery通过jquery从其他div后面滑动div
【发布时间】：2009-05-14 13:51:25
【问题描述】：

我们有一个内容 div (#content)，并且在 div 的右侧有一个选项卡 (#tab) -- 当用户单击 #tab 时，它应该向右滑动并显示各种选项。

我不确定如何通过 jQuery 创建它。我想（我在脑海中构思的 CSS 草案）：

 #content {
 z-index:10;
margin:0 auto
}

#tab {
z-index: 5;
float: left;
width: 150px
}

以及将#tab 向右滑动 140 像素的 javascript [标签图形为 10 像素]

所以通常情况下，#tab 大部分（除了 10px 图形图标）在#content 之后，jquery 只是改变位置以将其向右移动。

这可能吗？有更好的方法吗？

【问题讨论】：

【解决方案1】：

我不太确定是否有可能，因为您已将#tab 的 z-index 设置为低于 #content 的 z-index。 #content 如此有效地涵盖了#tab。

但是，对于使用 jQuery 向右移动...

$("#tab").click(function(){
      $(this).animate({"left": "+=50px"}, "slow");
    });

【讨论】：

【解决方案2】：

Animate 甚至可以使用具有 z-index 的元素。但是也许你应该看看

这只是你想要的一点点自定义。

【讨论】：