在页面加载之前隐藏 jquery 个选项卡及其内容

Question

我想隐藏 jquery 个标签，直到我的页面完全加载。

我尝试在 div

选项卡中添加 display:none

<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>

当我的页面加载时，tabscontent div 仍然隐藏

tabscontent class 是包含所有标签代码的 div。

Answer 1

试试这个：

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

而 jquery 将是：

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

在页面加载之前隐藏 jquery 个选项卡及其内容

hide jquery tabs and its content until page loads

javascript

jquery

tabs

onload