jquery - 在页面加载期间完全隐藏DIV

在标题之后，我有一个隐藏的div，它具有可以通过按钮激活的高度转换，但是在加载页面时，浏览器会显示该div的内容，然后将其隐藏。

这是我使用的脚本：

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});

有办法避免吗？

我希望我很清楚，谢谢！

最佳答案

这将起作用。在head标签中隐藏div中的div（首先加载），然后通过javascript显示它。如果javascript无效，则noscript标记将覆盖display属性并显示div。

在头上：

<style type="text/css">
    .slidingDiv{display: none;}
</style>
<noscript>
    <style type="text/css">
        .slidingDiv{display: block;}
    </style>
</noscript>
<script type="text/javascript">
    $(document).ready(function(){
        $(".slidingDiv").css({"display":"block"});
    }
</script>