javascript - jquery onloadの可視性の問題

Question

これはしばらくの間私を悩ませてきた問題ですが、私はいつもカーペットの下でそれをブラッシングしてきました. 私のサイトのブラウザーを更新すると、ここをクリックしてください。ページの読み込み中に、表示メニューと非表示メニューが約 1 秒間表示されることに気付きました。CSS を に設定し、display: none両方visibility: hidden の方法を試しました。それでも問題を克服できません。私の質問は、これをどのように回避できるかです...

以下は、私の表示機能と非表示機能のスニペットです...

$(document).ready(function(){
        $(".slidingDiv").hide();
        $(".show_hide").show();
        $('.show_hide').mouseenter(function(){
            $(".slidingDiv").slideDown();
            $(".slidingDiv").mouseleave(function(){
            $(".slidingDiv").slideUp();
            });
        });
     });     


$(function(){
        $(".drop-down-box").hide();
        $(".dropDown").show();
        $('.dropDown').click(function(){
            $(".drop-down-box").slideDown();
            $(".drop-down-box").mouseleave(function(){
            $(".drop-down-box").slideUp();
            });
        });
     });  


.slidingDiv{
height: 200px;
background-color: #000;
width: 100%;
position: absolute;
top: 52px;
z-index: 990;
visibility: visible;
    }

 .slidingDiv{
visibility: hidden;
  }



.active{
display: block;
   }

  .hidden-bits{
display: none;
 }