jquery ui选项卡-如何滑动浏览器窗口的全宽（在其容器外部）

我正在使用jquery ui处理此页面上的选项卡式内容：

下面是我现在用于选项卡转换的代码：

$(function() {
    $( ".tabbed-content" ).tabs();
    $( ".tabbed-content" ).tabs( "option", "hide", { effect: "slide", duration: 1000, easing: "easeInOutExpo" } );
    $( ".tabbed-content" ).tabs( "option", "show", { effect: "slide", direction: 'right', duration: 1000, easing: "easeInOutExpo" } );
    $( ".tabbed-content" ).tabs( "option", "heightStyle", "auto" );
});

---

如何使选项卡从浏览器窗口的右边缘滑入，从左边缘滑出？（幻灯片是完整的浏览器，而不是其容器的宽度？）。标签有点乱。归根结底，我需要两种解决方案才能在没有冲突的情况下工作。任何帮助都将不胜感激

我回答，但我不认为这是你想要的，所以我把它擦掉了。我刚把你的代码移到这个小提琴上--你想做什么不在小提琴上？谢谢你的帮助。我需要更熟悉小提琴。。。实际上，我在页面中做了一些更改，修复了全宽滚动问题。我现在唯一的问题是幻灯片的抖动。每一张幻灯片在点击选项卡链接时都会有一点抖动，在停止时也会抖动。我尝试过各种各样的放松方法，但都没有成功。fiddle中的示例是平滑的，所以它一定与我的页面结构有关？我忽略了什么？我已经更新了小提琴，增加了更多的文字和两个大图像。还是没有口吃。页面上还有哪些不是文本或图像的内容？也许如果你改变滑梯的速度。。。