jquery - Jquery 像 facebook 应用程序一样从左到右滑动切换

Question

我有下面的代码，它似乎工作正常，但在第一次选择触发器时似乎没有滑入。一旦触发它，它就会很好地滑入和滑出，但在第一次触发时它只是显示而不是滑入视图。

var $trigger = $(".icon-menu-2");
var $menu = $(".c_left");
$trigger.toggle(function show() {
  $menu.animate({
    width: 185,
    marginLeft: 0,
    display: 'toggle'
  }, 'slow');
}, function hide() {
  $menu.animate({
    width: 0,
    marginLeft: -185,
    display: 'toggle'
  }, 'slow');
});

如果我能以某种方式让整个页面在 facebook 应用程序工作时向右移动，那就太好了。关于如何实现这一目标的任何想法？我已经研究过使用 jPanelmenu，但是由于各种原因这不适用于我的代码，并且想知道是否有一个简单的解决方案可以添加到上述代码中。

提前谢谢了

Answer 1

.c_left {
    margin-left: -185px;
    width:0;
}

Arun P Johny 更新了小提琴http://jsfiddle.net/calder12/DvbDf/2/