Javascript 隐藏jquery选项卡及其内容，直到页面加载

我想隐藏jquery选项卡，直到我的页面完全加载

我尝试添加一个显示：在tabs div中没有

<div class="tabscontent" style"display:none;">
<div class="tabs">
    <ul>
        <li><a href=\"#tabs-1\">...</a></li>
        <li><a href=\"#tabs-2\">...</a></li>
    </ul>

    <div id=\"tabs-1\">...../div>   
    <div id=\"tabs-2\">....</div>

</div>
</div>

在我的页面的最后

 <script type="text/javascript">
    jQuery(document).onload( function(){
        jQuery('.tabscontent').fadeIn(1000);

    });
    } );
</script>

当我的页面加载时，选项卡content div仍然隐藏

tabscontent类是包含所有选项卡代码的div。

尝试以下操作：

<div class="tabscontent" style="display:none;">

jquery将是：

<script type="text/javascript">
    $(document).ready( function(){
        jQuery('.tabscontent').fadeIn(1000);
    });
</script>

---

抱歉，我刚刚编辑了我的帖子，我已经应用了正确的样式。您仍然忽略了=登录样式=显示：无；onload是一个javascript函数，您需要的是jQuery函数$document.readyfunction{或者您可以使用快捷键$function{