因为如果注册了多个/快速鼠标操作,它会容易出错.

尝试在演示中,即使使用.stop()方法也无法实现如下结果：

以下是使用.animate()和高度切换的略微修改：
(只需要：position：absolute; bottom：0px; display：none;)

demo 1 (a nice way to do it)

$('.Box').hover(function(){
  $(this).find('.curtain').stop().animate({height: 'toggle'});
});

demo 2

另一种方式是：

var BoxHeight = $('.Box').innerHeight();  // get element height

$('.curtain').css({top:BoxHeight}); // push 'curtain' down

$('.Box').hover(function(){
  $(this).find('.curtain').stop().animate({top: 0});  // animate to desired top distance
},function(){
  $(this).find('.curtain').stop().animate({top: BoxHeight}); // and on mouSEOut - back down
});