javascript - jQuery idTabs - 左にスライド

Question

idTabs をフェードさせる代わりに、左から右に移動させる方法を知っている人はいますか? ここにこれを提供する必要があるかもしれません: 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'});