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/

像Facebook应用程序一样，Jquery从左到右滑动切换

1 个答案: