我似乎无法弄清楚是什么让这个脚本出错了......
您可以在此处找到脚本的正确动画版本... http://jsfiddle.net/tTJaM/21/
您可以在这里找到实时项目版本... http://jsfiddle.net/tTJaM/22/
现场项目位于http://paysonfirstassembly.com/
如您所见,动画在第二个链接中没有相同的视觉效果。我希望达到的视觉效果是第一个链接中的那个。我愿意编辑脚本来做到这一点,或者对我最初没有做的 CSS 进行更改。
我似乎无法弄清楚是什么让这个脚本出错了......
您可以在此处找到脚本的正确动画版本... http://jsfiddle.net/tTJaM/21/
您可以在这里找到实时项目版本... http://jsfiddle.net/tTJaM/22/
现场项目位于http://paysonfirstassembly.com/
如您所见,动画在第二个链接中没有相同的视觉效果。我希望达到的视觉效果是第一个链接中的那个。我愿意编辑脚本来做到这一点,或者对我最初没有做的 CSS 进行更改。
min-height:120px;
在.dynPanelContent
你的 CSS 中并不能让它正常工作。但我真的不明白为什么......如果你删除它,至少在这里一切正常http://jsfiddle.net/tTJaM/22/
它看起来像 min-height:120px; .dynPanelContent 的属性是导致它的原因。如果您删除该样式,它会正确旋转,但框的大小不再正确。
slideUp 函数是一个修改高度但不修改最小高度的动画。这是 jQuery 中的一个已知问题,并且有一个关于解决最小高度故障的 wiki 条目