jQuery 从 CSS 获取高度或动态切换？

Question

我有以下代码，但我正在构建一个响应式网站，因此高度需要根据内容动态变化。它设置为 0，因此 div 显示为关闭，然后单击它需要设置高度。我可以在 CSS 中设置它(对媒体查询使用不同的高度)并将其拉入吗？

$("#contactArea").css('height', '0px');

$("a.contact").toggle( 
            function () { 
                $("#contactArea").animate({height: "180px"}, {queue:false, duration: 800, easing: 'easeOutBack'}) 
            }, 
            function () { 
                $("#contactArea").animate({height: "0px"}, {queue:false, duration: 800, easing: 'easeOutBack'})  
            } 
    ); 

非常感谢。

Answer 1

一个简单的方法是为关闭和打开的 div 定义一个类，并将响应式 css 分配给打开的类 div。然后 onclick 你可以使用 jQuery 通过这样的命令更改 div 的类

$("#contactArea").attr('class', 'newClass');