これは繰り返し質問の場合は本当に申し訳ありません。divのスタイルを特定のクラスに変更しますか?
#menudd.showのmax-heightを設定して移行を満足させたいと思います。私はjavascriptでこれをやりたいので、より正確に値を指定することができます。
この私が得たものであり、そのいくつかの理由のために働いていない...
HTML:
<div id="menudd">
<a href="index.html">Home</a>
<a href="aboutme.html">About Me</a>
<a href="shotterm.html">Short-Term</a>
<a href="middleterm.html">Middle-Term</a>
<a href="longterm.html">Long-Term</a>
</div>
CSS:
#menudd {
position: fixed;
overflow: hidden;
max-height: 0px;
opacity: 0;
width: 200px;
border-radius: 10px;
box-shadow: 0 0 35px 15px black;
transition: all 1s ease;
}
#menudd.show {
opacity: 1;
}
ではJavaScript:
$("#menudd." + show).get(0).style.maxHeight = document.getElementById("menudd").getElementsByTagName("A")[0].offsetHeight * document.getElementById("menudd").getElementsByTagName("A").length + "px";
これは、 "show is noコンソールでは「定義済み」と表示されます。
$( "#menudd.show")。get(0).style.maxHeightを使用すると、「コンソールで未定義のプロパティ 'style'を読み取れません。
私は$( "#menudd.show")を使用していますが、style.maxHeightは "コンソールの中で" '未定義のmaxHeight'プロパティを読み取れません。
ご協力いただきありがとうございます。おはようございます。 :)
達成したいことはありますか? – LW001
'$("#menudd。 "+ show)'それはちょうど '$("#menudd.show ")'ではないはずですか?私は変数の使い方を理解していません。 – Taplar
コンソール出力とは何ですか?もしあれば、それを質問に加えてください。 –