ドロワーメニューになど、WEBサイト訪問時に隠しておきたいものがある場合、 それを隠すためのJSはhtml上のどこで読み込ますのがよいでしょうか？

Question

ドロワーメニューになど、WEBサイト訪問時に隠しておきたいものがある場合、
それを隠すためのJSはhtml上のどこで読み込ますのがよいでしょうか？

一般的にはbodyタグ終了直前ですが、それですと、一瞬出ている状態が見えてしまいます。

ただ、だからと言って、ドロワーメニューのhtml直後に入れると、そのJSだけ他と違う場所にあって、
管理しにくいですよね。

現場ではどうしていますか？

Comments

[flied_onion]

最初スタイルで非表示にしておいて、必要になったら出すのもダメなんですか？

Answer 1

display: none;

で消しておいて、表示する時に、
display: block;

とかでやればいいと思いますよ。

Comments

[退会済みユーザー]

なるほどその手がありましたね。
ドロワーメニューにdisplay: none; とmargin:-100;をつけておいてクリックファンクショントでdisplay: none; とmargin:0;を加えればよいということですね。

[fukumi822]

基本的にレスポンシブデザインではdisplay等を使って消したりする事が多いです。
また使いすぎもSEOに悪いらしいので、最適な所で使う事をお勧めします。

[退会済みユーザー]

ありがとうございます。

ドロワーメニューにdisplay: none; とmargin:-100;をつけておいてクリックファンクショントでdisplay: block; とmargin:0;を加えればよいということですね。

消してからクリックファンクショントで表記した場合もクローラーはないものとみなすということですか？

[退会済みユーザー]

visibility:hiddenで隠す方法もありますが、こちらのほうであれば実態は残っているのでSEO上問題ないでしょうか？