Jquery 调整div大小单击另一个div,转换效果

Jquery 调整div大小单击另一个div,转换效果,jquery,html,xhtml,css,Jquery,Html,Xhtml,Css,嘿,伙计们。基本上我有两个div。当我单击.menu(灰色条)时,.sort(橙色条)会调整高度。我已经使用jQuery完成了这项工作。问题是,它没有任何好的转换。它不会滑动,不会褪色……什么都没有。它只是弹下来 这是我的一点意思 有人能帮我让它滑下来而不是砰的一声吗?我的jQuery知识非常有限。干杯 $(".menu").click(function() { $(".sort").animate({ height : 350 }); }); 幻灯片还有很多其他选项,还可以在“动画

嘿,伙计们。基本上我有两个div。当我单击.menu(灰色条)时,.sort(橙色条)会调整高度。我已经使用jQuery完成了这项工作。问题是,它没有任何好的转换。它不会滑动,不会褪色……什么都没有。它只是弹下来

这是我的一点意思

有人能帮我让它滑下来而不是砰的一声吗?我的jQuery知识非常有限。干杯

$(".menu").click(function() {
    $(".sort").animate({ height : 350 });
 });
幻灯片还有很多其他选项,还可以在“动画”上设置其他参数,以更改速度,并在完成后启动回调函数。看一看,它是超级酷,除非你改变字体内容(然后有时会变得有点凌乱)


幻灯片还有很多其他选项,还可以在“动画”上设置其他参数,以更改速度,并在完成后启动回调函数。看一看,除非你正在更改字体内容,否则它非常酷(有时会有点凌乱)。

单击一次向下滑动,再单击一次向上滑动

$(".menu").toggle(function() {
    $(".sort").animate({
        height: 350
    });
}, function() {
    $(".sort").animate({
        height: 25
    });
});

检查处的工作示例单击一次可向下滑动,再次单击可向上滑动

$(".menu").toggle(function() {
    $(".sort").animate({
        height: 350
    });
}, function() {
    $(".sort").animate({
        height: 25
    });
});

检查中的工作示例您的演示使用的是mootools,即使您的问题被标记为jquery。我稍微整理了一下演示

此处演示:

代码在这里

$(".menu").click(function() {
    $(".sort").animate({"height" : "350"}, 500);
 });

您的演示使用的是mootools,尽管您的问题被标记为jquery。我稍微整理了一下演示

此处演示:

代码在这里

$(".menu").click(function() {
    $(".sort").animate({"height" : "350"}, 500);
 });

谢谢你的帮助!非常感谢:)谢谢你的帮助!非常值得赞赏:)违约率已经达到500。除非你想要一个500以外的速度,否则不需要指定它。@Hussein,我以为是400。我把它放在那里,这样OP就可以把值改成它们的值needs@johnP我没有投你反对票。事实上你是对的。查看jQuery源代码,默认值为400。@johnp我给你一个+1来去掉负数。@Hussein啊,不用担心。我猜是随机投票。我真的不明白为什么这是不值得投票的:感谢+1:)默认值已经是500。除非你想要一个500以外的速度,否则不需要指定它。@Hussein,我以为是400。我把它放在那里,这样OP就可以把值改成它们的值needs@johnP我没有投你反对票。事实上你是对的。查看jQuery源代码,默认值为400。@johnp我给你一个+1来去掉负数。@Hussein啊,不用担心。我猜是随机投票。我真的不明白这为什么值得投反对票:S感谢+1:)