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

时间:2015-10-16 22:17:41

标签: javascript jquery tabs onload

我想隐藏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类是包含所有选项卡代码的div。

1 个答案:

答案 0 :(得分:3)

试试这个:

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

并且jquery将是:

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