javascript - jQuery idTabs - 向左滑动

Question

有谁知道我会如何——而不是让我的 idTab 褪色——让它们从左向右移动？可能需要在这里提供：http ://codebins.com/bin/4ldqp7r/2

谢谢！

Answer 1

基本思想是将滑出的内容放置在可见窗格的左侧。

#adv2 {
  ...
  overflow: hidden;
  position: relative;
}
#adv2 ul{
  ...
  position: relative;
  z-index: 3;
}    
#adv2 span {
  z-index: 1;
}
#adv2 span p {
  position: relative;
  margin: 0;
  left: -410px;
  z-index: 2;
}

然后添加 javascript 以呈现滑出效果。

for (i in list) {
    $(list[i]).css({'left': '-410px', 'display': 'none'});
}
$(id).css({'display': 'none'}).animate({left: '+=410'});