底部动画“高度”jquery

Question

我想为我的动画制作动画，但在这里，它们是顶部动画，我希望动画从底部开始。橙色横幅在底部消失。 有可能吗？

- >MY FIDDLE < -

$(".myDiv").mouseover(function() { 
$('#'+this.id+'bis').stop().animate({height: '0px'}); }); 
$(".myDiv").mouseout(function() { 
$('#'+this.id+'bis').stop().animate({height: '50px'}); }); 

Answer 1

如果你正在尝试做什么，我觉得你是，请尝试以下的jQuery：

$(".myDiv").mouseover(function() { 
    $('#'+this.id+'bis').stop().animate({height: '0px', top: '50px'}); 
}); 
$(".myDiv").mouseout(function() { 
    $('#'+this.id+'bis').stop().animate({height: '50px', top: '0px'}); 
}); 

这将动画的高度和元素的CSS Top位置。这将使它看起来像元素被卡在底部并且正在缩小。

Example JSFiddle

Answer 2

首先。您需要修复您的HTML。 CLASSes and IDs are created as such：id =“Name”class =“Name”

您需要在类标记周围添加“”。 Here

希望这是你在找什么：

我已经与HTML + jQuery的更新，这里的小提琴为您服务。