Javascript 使用AJAX调整打开门效果

我正在尝试改编本教程：这样它可以在翻滚图像时创建打开门的效果。我已经走了这么远：但我想要的是“门”的两侧，在本例中是徽标，同时打开并显示两个参考底图图像。以下是操作的JS：

$(function() {

$('#left').hover(function() {
    $('img.top', $(this)).stop().animate({left: '-150px'}, 500);
},function() {
    $('img.top', $(this)).stop().animate({left: '0'}, 500);
});



$('#right').hover(function() {
    $('img.top', $(this)).stop().animate({left: '150px'}, 500);
},function() {
    $('img.top', $(this)).stop().animate({left: '0'}, 500);
});

});

有谁能告诉我如何调整，使我把鼠标放在左边还是右边，两边都“打开”

---

谢谢。

不要对“左”和“右”使用单独的悬停，而是将这些元素包装在一个div中，然后为包装器编写一个悬停。但是我希望它们朝两个不同的方向移动，所以我是否只需要一个悬停函数和两个动画？