jquery onload可见性问题

Question

这个问题一直困扰着我，但我总是把它拉到地毯下。当您在my site - click here上刷新浏览器时，我注意到我的节目和隐藏菜单的可见性在页面加载时可见约一秒钟。我已将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;
 }