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

Question

这是我从一个教程网站上得到的 fiddle -

http://jsfiddle.net/3U8DP/

我想要实现的是，我在其中放置文章的容器应该位于框架的开头，并且只要您将鼠标悬停在 fiddle 左上角提供的按钮上，文章内容应向右滑动为侧边栏腾出空间，即侧边栏应从左侧滑入以插入文章内容。现在我尝试使用

$('#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/