jQueryで作成するアコーディオンメニューやスライドショー、ギャラリーなどは、 部分的に非表示にし、マウスクリックやマウスオーバーで表示させる仕組みのものが大半です。 ページのレンダリング時に一瞬「非表示」が効かず全部が表示されてしまう、 といったことがあります。 ブラウザの性能や回線速度にも依存すると思いますが、 環境が悪い程表示されてしまう時間は長く、何とも残念な見た目になります。 ブラウザの読み込みルールに沿ってjavascriptを書き換えるなど対策は色々と考えられますが、 手っとり早いのは該当部分をCSSで非表示にしておき、javascript読み込み段階でフェードインさせる方法です。 【記入例:#mainimgをどうにかしたい場合】 ■CSSへの追記 #mainimg { display: none; } ■該当javascriptへの追記 $('#mainimg').fad
![株式会社ジェイクール【ホームページ更新代行・制作】](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6b38921890598c652298291ad6013aec51f98fc/height=288;version=1;width=512/https%3A%2F%2Fwww.j-cool.co.jp%2Fblog%2Fwp-content%2Fthemes%2Farticles%2Fimages%2Fogp.jpg)