PHP/jqueryの/アヤックス：アコーディオンをクリックで、それは私が現在、現在、PHP、JavaScriptの、jqueryのを使用して2つのデータベースに接続している当社のデータベースからの情報の完全なページを作成したアコーディオン

Question

内のページ内のコンテンツをロードします。私はページをより速くアップロードする必要があります。私はすぐにいくつかの情報が表示され、いくつかの情報はページ上にアコーディオン/タブを使って隠されています。私がしたいのは、最初に表示された情報だけをロードすることです。ユーザーがより多くの情報を必要とするとき、ユーザーはアコーディオンタブをクリックし、次に情報がページ内にアップロードされます（アップロード時間を節約しようとする）。ここで

は私のアコーディオンタブの1例です...

<div class='expand_container3' style='float:left; margin-top:10px; width:100%;'> 
     <div class='expand_header3' style='width:100%; text-transform:uppercase;' > <span>+ Archives</span> </div><div class='expand_content3' style='width:100%; margin:auto;'> 
      <table class='license_table arch_tab' style='border:1px solid #222; width:100%;'> 
       <thead> 
       <tr> 
        <th>Archive Number</th> 
        <th>Arichive Date</th> 
        <th>Install Archive</th> 
        <th>Renewal Archive</th> 
        <th>Mailed Archive</th> 
       </tr> 
       </thead> 
       <tbody> 
        <?php echo $archiverow ?> 
       <tbody> 
      </table> 
     </div> 
    </div > 
    <script> 
     $(".expand_header3").click(function() { 

      $expand_header3 = $(this); 
      //getting the next element 
      $expand_content3 = $expand_header3.next(); 
      //open up the content needed - toggle the slide- if visible, slide up, if not slidedown. 
      $expand_content3.slideToggle(500, function() { 
       //execute this after slideToggle is done 
       //change text of header based on visibility of content div 
       $expand_header3.text(function() { 
        //change text based on condition 
        return $expand_content3.is(":visible") ? " - Archives " : " + Archives "; 
       }); 
      }); 

     }); 
    </script> 

だから、再び、私は、コンテンツが最初のページのロード中にアップロードされたくないが、彼らはアコーディオンをクリックしたときタブでは、div内のコンテンツをアップロードします。助けてください。あなたはその後、各タブリンクのonclickイベント用のjQuery（「＃」）で、各タブの内容と異なるファイルを作成しようとすることができ

Answer 1

。負荷（）、タブが選択された場合にのみコンテンツをロードします。

プレーン古いPHPまたはPHPフレームワークを使用していますか？どちら？