Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery宽度切换动画在动画发生期间显示垂直单元格_Javascript_Jquery_Html_Css_Angularjs - Fatal编程技术网

Javascript jquery宽度切换动画在动画发生期间显示垂直单元格

Javascript jquery宽度切换动画在动画发生期间显示垂直单元格,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,请检查一下这把小提琴 在这里可以看到,在动画期间,垂直单元在展开之前显示。我想隐藏垂直单元格,而不是只在水平方向上展开div,如何实现 我知道这与css有关。需要帮忙吗 animateFan = function() { $(grpFan).animate({width: 'toggle'}); if($(grpSym).is(':visible')){ $(grpSym).animate({width: 'toggle'});

请检查一下这把小提琴

在这里可以看到,在动画期间,垂直单元在展开之前显示。我想隐藏垂直单元格,而不是只在水平方向上展开div,如何实现

我知道这与css有关。需要帮忙吗

   animateFan = function() {
        $(grpFan).animate({width: 'toggle'});
        if($(grpSym).is(':visible')){
            $(grpSym).animate({width: 'toggle'});
        }
    };

您需要在css中添加这些行

#格普范,#格普赛姆 {

}

/* Height of your sub blocks ...*/
height:44px;
overflow:hidden