javascript - 文字列間のjQuery変数

Question

次の変数を次のように渡したい：

var $headerHeight = jQuery("#header").outerHeight() - jQuery("#header .main-menu").outerHeight();

jQuery(this).find('nav').attr('style', 'margin-top:' + $headerHeight + '!important');

明らかに間違った構文で使用されています。ただ、正しい使い方がわかりません。jQuery の「.css」関数は、「!important」宣言が必要なため、オプションではありません。上記の例をどのように渡すことができ$headerHeightますか?

Answer 1

    var headerHeight = $("#header").outerHeight() - $("#header .main-menu").outerHeight();

    jQuery(this).find('nav').attr('style', 'margin-top:' +headerHeight+'px ' + '!important');

Answer 2

プロパティ値に単位を追加する必要があります。(おそらくpx)

Answer 3

あなたは間違った問題を修正しています。slideToggle による変更を元に戻す代わりに、slideToggle を使用しないでください。

$(myelement).animate({
    height: "200px" // or whatever your target height is, calculated or static.
},500/*duration*/);