javascript - jquery onload可见性问题

Question

这是一个困扰我一段时间的问题，但我总是把它刷到地毯下。当您刷新我网站上的浏览器时 - 单击此处，我​​注意到我的显示和隐藏菜单的可见性在页面加载时可见大约一秒钟。我已经将我的 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;
 }