调整另一个div的div onclick，过渡效果
Hey guys. Basically I have 2 divs. When I click .menu (The grey bar), .sort (The orange bar) resizes in height. I've done this using jQuery. The problem is, it does it without any nice transitions. It doesn't slide, it doesn't fade..nothing. It just pops down.
大家好。基本上我有2个div。当我点击.menu（灰色条）时，.sort（橙色条）调整高度。我用jQuery完成了这个。问题是，它没有任何好转换。它不会滑动，也不会褪色......没什么。它只是弹出。
Here's a JSFiddle of what I mean. http://jsfiddle.net/KhcvR/
这是我所说的JSFiddle。 http://jsfiddle.net/KhcvR/
Can someone possibly help me so that it slides down rather than pops? My jQuery knowledge is super limited. Cheers.
有人可以帮助我，让它滑下而不是弹出？我的jQuery知识非常有限。干杯。
3 个解决方案
#1
6
Your demo was using mootools even though your question was tagged jquery. I cleaned up the demo a bit.
即使您的问题被标记为jquery，您的演示也在使用mootools。我稍微清理了一下这个演示。
Demo here : http://jsfiddle.net/jomanlk/KhcvR/1/
演示：http：//jsfiddle.net/jomanlk/KhcvR/1/
Code here
代码在这里
$(".menu").click(function() {
$(".sort").animate({"height" : "350"}, 500);
});
更多相关文章
- 有没有办法强制Chrome在OSX上以演示模式打开？
- 真人演示乳房按摩法 咪咪大而不垂
- HTML高级标签之窗口分帧(前台界面演示)
- 如何使用jQuery在我的网站演示中自动填写表单，好像真人正在打字？
- javascript适合移动端的响应式瀑布流插件实例演示
- Web分页实现及实例演示(一）——subList()