jquery - 通过 jquery 将 div 从其他 div 后面滑动

Question

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

我不知道如何通过 jQuery 创建它。我想(我在脑海中编写的 CSS 草案):

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

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

以及将 #tab 向右滑动 140px 的 javascript [选项卡图形为 10px]

因此，通常 #tab 大部分(除了 10px 图形图标)位于 #content 后面，jquery 只是改变位置以将其向右移动。

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

Answer 1

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

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

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