javascript - jQuery菜单滑入并反弹

http://jsfiddle.net/E6cUF/

这个想法是在页面加载完成后，灰色框从绿色框的后面向左滑动，如果可能的话，会稍微弹起。

编辑：根据人们对jsfiddle所做的更改和Nicola的评论做出了新版本
http://jsfiddle.net/RBD3K/

但是，灰色的应该在绿色的后面，并从右向左滑动，以便出现

最佳答案

要让它弹起，我想念的是两件事：

1）您需要加载jquery UI。

2）将跳动效果放在动画效果之后：

$('#test').click(function() {
    var $marginLefty = $('.left');
    $marginLefty.animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
        $marginLefty.outerWidth() :
        0
    }).effect("bounce", { times:5 }, 300);
  });

更新的小提琴：http://jsfiddle.net/nicolapeluchetti/E6cUF/4/