将鼠标悬停在一个div上，使用jQuery从右侧滑入另一个div

Question

我有以下内容：

<div class="holdingbox">
 <div class="leftbox">Stuff</div>
 <div class="rightbox">Stuff to reveal</div>
</div>

holdinbox已隐藏溢出 leftbox左侧浮动 右边框架是右边浮动的，除了边缘之外一直在保持盒外面（只是它看起来像一个标签）。

在悬停保留箱时，我希望右键框滑入（它会在左框中回答问题）。当鼠标移开时，右框会滑出。

我知道我需要jQuery但是我有点难过如何在一个div上使用悬停在右边的另一个div中滑动。

感谢任何帮助！

谢谢， 克里斯

Answer 1

你的意思是this吗？

您只需要对div的宽度进行一些计算，并正确设置容器的动画效果。祝你好运。

Answer 2

$('div.holdingbox').hover(function(){
    $(this).find('div.rightbox').animate(
        { 'margin-top': '-100px' }
    ); 
});

你可以玩精确的动画