javascript - 我如何使用jquery动画动态移动两个水平div的位置

Question

这是我从一个教程网站得到的小提琴 -

http://jsfiddle.net/3U8DP/

我想要实现的是，我有文章的容器应该在框架的开头，一旦你将鼠标悬停在小提琴左上角提供的按钮上，文章内容应该滑向右侧为侧边栏腾出空间，即侧边栏应从左侧滑入推动文章内容。现在我尝试使用

$('#hs-menu').hide();
        $('#dummy').hover(function (){
            $('#hs-menu').show(500);
        });
        $('#hs-container').click(function(){$('#hs-menu').hide(500);});

但无法实现我的目标。但是只有当我不可见时它仍然留下空间，所以我该如何解决这个问题请帮忙

Answer 1

如果我没记错的话，你的目标是：

$('#dummy').hover(function (){
  $('#hs-menu').show(500);
  $('#gn-menu').animate({
    left: '200px'
  }, 500);
});

并将导航菜单的“顶部”设置为 0px

.hs-menu{top: 0;}

http://jsfiddle.net/VMgG2/