Question

Does anyone know how I would – instead of having my idTabs fade – have them move from left to right? The could would need to be provided to this here: http://codebins.com/bin/4ldqp7r/2

Thanks!

Answer 1

The basic idea is to position the slide-out content to the left of the visible pane.

#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;
}

Then you add the javascript to render the slide out effect.

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