Javascript jQuery选项卡（如何隐藏加载MySQL表？）

我使用jQuery显示选项卡及其内容；它非常适合文本，但需要时间打印MySQL表的结果（当我刷新网页时，当它加载时，它会在恢复正常之前显示每个选项卡的内容）

下面是我放在头部区域的jQuery脚本：

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery( function($) {
        $('.tabs_up').each( function() {
            var container = $(this);
            container.find('> ul li a').click( function () {
                $(this).parent().addClass( 'selected-tab' ).siblings().removeClass( 'selected-tab' );
                container.find('.tab-panel').hide().filter(this.hash).show();
                return false;
            }).eq(0).click();
        });
    });
    </script>

jQuery（函数（$）{
$（'.tabs_up'）。每个（函数（）{
var容器=$（此）；
container.find（'>ulli a'）。单击（函数（）{
$（this）.parent（）.addClass（'selected tab'）.sides（）.removeClass（'selected tab'）；
container.find（'.tab panel'）.hide（）.filter（this.hash.show（）；
返回false；
}).eq（0）.单击（）；
});
});

以及以下HTML/PHP代码：

  <div id="tab-set-1" class="tabs_up">
<ul>
  <li><a href="#tab-1-a" title="">Musique</a></li>
  <li><a href="#tab-1-b" title="">Dramas</a></li>
</ul>
<div id="tab-1-a" class="tab-panel">
    <div class="largeur">
        <table class="liste tab_liste">
        <?php
        try
        {
            $bdd = new PDO('mysql:host=localhost;dbname=XXXXX', 'XXXXX', 'XXXXX', array (PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES \'UTF8\''));
        }
        catch(Exception $e)
        {
                die('Erreur : '.$e->getMessage());
        }
                $reponse = $bdd->query('SELECT artiste, artiste_s, titre, titre_s FROM musiques WHERE moderation ="0" ORDER BY c_date_upload DESC LIMIT 5');
                $age = '';
                while ($donnees = $reponse->fetch())
                {                   
                    echo '<tr><td width="400px"><a href="'.append_sid('http://XXXXXXXXXX.com/chanson.php?artiste='.$donnees['artiste_s'].'&id='.$donnees['titre_s'].'').'">'.htmlspecialchars($donnees['artiste']).' - '.htmlspecialchars($donnees['titre']).'</a></td></tr>';
                }
                $reponse->closeCursor();
        ?>          
        </table>
    </div>
</div>
<div id="tab-1-b" class="tab-panel">
    <div class="largeur">
        <table class="liste tab_liste">
        <?php
        try
        {
            $bdd = new PDO('mysql:host=localhost;dbname=XXXXX', 'XXXXX', 'XXXXX', array (PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES \'UTF8\''));
        }
        catch(Exception $e)
        {
                die('Erreur : '.$e->getMessage());
        }           
                $reponse = $bdd->query('SELECT drama_nom, drama_nom_s FROM dramas WHERE moderation ="0" ORDER BY c_date_upload DESC LIMIT 5');
                $age = '';
                while ($donnees = $reponse->fetch())
                {                   
                    echo '<tr><td width="400px"><a href="'.append_sid('http://XXXXXXXXXX.com/serie.php?id='.$donnees['drama_nom_s'].'').'">'.htmlspecialchars($donnees['drama_nom']).'</a></td></tr>';
                }
                $reponse->closeCursor();
        ?>          
        </table>
    </div>
</div>

为什么每次都连接到数据库？你只需要一个连接。为什么要使用非常旧的jQuery版本？可以在初始页面加载时隐藏div->
，然后在页面就绪时显示它->
jQuery（函数（$）{$（'#tab-set-1'）。show（）；…
我承认我本可以使用最新的jQuery版本，并将到我数据库的连接限制为一个，谢谢你提醒我。我更新了它，速度更快，但在几秒钟内仍会显示每个选项卡的内容。我能做些什么来纠正这个问题？谢谢你Sean，我现在工作了