Javascript JQuery.animate（）；不在固定高度工作

我已经使用过很多次了，没有任何问题。通过

width/height:“toggle”

或用指定的宽度/高度替换

“toggle”

来设置DIV高度和/或宽度的动画

setTimeout( function(){
    $('.input-group .Advanced').animate({
       height: 'toggle'
    }, {
        duration: 500,
    });
} , 500);

高度：“切换”

-
高度：“400px”-

---

代码片段工作得非常好，但是我需要将其设置为特定高度，并将我的

'toggle'

替换为固定高度，例如

'400px'

完全没有任何作用…

您给定的高度不起作用，因为您已将

显示：无
设置为
高级
类。当您使用jquery内置
切换
字符串时，它将处理该问题并在视图中隐藏元素。但是，当您定义自己的高度时，您还必须在视图中显示该元素，否则动画将工作，但不会显示。你可以参考，上面写着

注意：与.slideDown（）和.fadeIn（）等速记动画方法不同，.animate（）方法不会使隐藏元素作为效果的一部分可见。例如，给定$（“someElement”）.hide（）.animate（{height:“20px”}，500），动画将运行，但元素将保持隐藏状态

您可以这样做来设置类的动画

setTimeout( function(){
        $('.input-group .Advanced').animate({
           height: '500px',
          opacity:'show'
        }, {
            duration: 500
        });
    } , 500);

这将在视图中显示隐藏的元素

.animate（）
方法不会使隐藏元素作为效果的一部分可见，因此必须切换不透明度

这并不能提供使用宽度：“切换”时所需的幻灯片效果，但是您的回答提供了一些修改我的
.input组所需的洞察力。高级的
初始高度为0是的，我只是更关注.animate（）的问题，很高兴能帮助您：）谢谢您的输入：）
$('.form-control' ).click(function(e) {

    $(this).addClass('InputFreezeFocus');

    $(this).animate({
       width: '400px'
    }, {
        direction: 'left',
        duration: 500,
    });
    setTimeout( function(){
        $('.input-group .Advanced').animate({
           height: '400px',
           opacity: 'toggle'
        }, {
            duration: 500,
        });
    } , 500);
});