Question

我们有一个div内容（#content），在div的右侧有一个标签（#tab） - 当用户点击#tab时，它应向右滑动并显示各种选项。

我不知道如何通过jQuery创建它。我想（我脑子里写的CSS草稿）：

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

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

和javascript将#tab向右滑动140px [标签图形为10px]

通常情况下，＃tab主要（除10px图形图标外）在 #content后面，而jquery只是改变位置以将其向右移动。

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

Answer 1

我不太确定是否可以将#tab的z-index设置为低于#content的z-index。所以#content有效地涵盖了#tab。

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

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

Answer 2

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

通过一点定制，这可以满足您的需求。