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

我有以下资料：

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

东西
透露的东西

holdinbox已溢出隐藏的 leftbox是左浮动的 rightbox是右浮动的，除了边缘（刚好足够使它看起来像一个标签）之外，一直在holdingbox之外

在holdingbox悬停时，我希望rightbox滑入（它将在leftbox中有一个问题的答案）。当鼠标移走时，右框滑回

我知道我需要jQuery来完成这个任务，但是我有点困惑于如何在一个div上使用hover来从右侧滑入另一个div

感谢您的帮助

谢谢， 克里斯

你可以播放精确的动画

---

而且你可以播放精确的动画

你是说类似的东西吗

---

您只需要对

div

s宽度进行一些计算，并正确设置容器的动画。祝你好运。

你的意思是什么

---

您只需要对

div

s宽度进行一些计算，并正确设置容器的动画。祝你好运。

我把这个标记为答案，因为它似乎最适合我的需要……谢谢！一个问题：这张幻灯片在绿色部分滑出红色部分…有没有办法在红色部分的上方滑入绿色部分（红色部分保持不变）？我将此标记为答案，它似乎最适合我的需要…谢谢！一个问题：这张幻灯片在绿色部分滑动，但在红色部分滑动……有没有办法在红色部分上方滑动绿色部分（红色部分保持不变）？

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