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

时间:2013-09-11 13:11:21

标签: javascript css

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

http://jsfiddle.net/3U8DP/

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

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

但是无法实现我的目标。但是只有当我看不到它时它仍留有空间,所以如何解决这个问题请帮助

1 个答案:

答案 0 :(得分:0)

如果我没弄错的话,你的目标是:

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

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

.hs-menu{top: 0;}

http://jsfiddle.net/VMgG2/