jquery - 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 と開いた div のクラスを定義することです。次に、onclickでjQueryを使用して、次のようなコマンドでdivのクラスを変更できます

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

Answer 2