Javascript 多次调用jQuery show（）

我有一张3*3的照片拼贴，如果照片被鼠标移到上面，我希望照片的相应文本摘要显示出来。文本摘要包含在id为summary-container的div中。也就是说，以前的文本摘要将替换为具有幻灯片动画效果的当前文本。下面是一段javascript代码

$('#photo-collage').find('.span4').hover(function(){  
      $('#summary-container').fadeOut();
      $('#summary-container').show('slide',{direction: 'left'},1000);
      $('#summary-container').load(url,data);
},function(){});

如果我将鼠标悬停在一张照片和另一张照片之间，效果会很好。但问题是，e.x，如果我将鼠标悬停在从照片1到照片4的上方，同时穿过照片2和照片3，show（）函数将被调用两次以上。因此，还有两个幻灯片动画，这是不必要的

如何调整代码以解决此问题？谢谢尝试

$("#summary-container").clearQueue().stop();

---

清除动画队列。

您可以发布HTML吗？或者更好的是，一把JS小提琴的问题？我发现很难理解你需要什么。