【至急希望】visibility: hiddenにしている要素の高さ

Question

いつも大変お世話になっております。

タイトルのとおりなのですが、visibility: hiddenにしているdivの要素をjqueryでvisibleにしているのですが
visibleにする前にその要素の高さを取得する方法はないでしょうか？
css初心者で、変な質問しているかもしれませんが。。。

ご回答お願いいたします。

Answer 1

例えば

<div id="hiddenBlock">
</div>

#hiddenBlock{
  visibility:hidden;
  height:40px;
}

の時に

$('#hiddenBlock').height();

こんな感じではダメでしょうか？
僕の環境だとvisivility:hidden;でも高さが取得できてしまうのですが。。。

Comments

[退会済みユーザー]

MasakazuFukamiさん

デバイスによって高さに代わる要素なので、cssでheightを指定しておくことができないんです。私の環境でも最初にheightを指定してあげると取得することができました。
説明不足で申し訳ありません。

ご教授ありがとうございました！

[MasakazuFukami]

例えば、

<div id="hiddenBlock">
ココの中身はユーザーの情報やデバイスによって高さが変わるよ！
</div>
#hiddenBlock{
visibility:hidden;
padding: 10px;
}

の場合でも
$('#hiddenBlock').height();
で取得することは可能だと思いますが。。。(´；ω；｀)

[退会済みユーザー]

なぜでしょう。。。console.logで確認すると高さは0となってしまいました。
追加回答ありがとうございました！こちら参考に引き続きぐりぐりやってみます！

Answer 2

こんなのどうでしょうか？
https://github.com/dreamerslab/jquery.actual
http://dreamerslab.com/demos/get-hidden-element-width-with-jquery-actual-plugin

Comments

[退会済みユーザー]

buibui80さん

これ面白いですね！
でも、hidden要素のactual("height")をとってみたら、bodyの高さをとっているようで、うまくいきませんでした＞＜
何か設定が漏れているかもしれませんが。。。

ご教授ありがとうございます！