Javascript Php/Jquery/Ajax：单击accorbian，它将在accorbian内的页面中加载内容

我目前创建了一个页面，其中包含来自我们数据库的全部信息，该数据库目前使用php、javascript和jquery连接到两个数据库。我需要使网页上传更快。我有一些信息立即显示，一些信息通过手风琴/标签隐藏在页面上。我想做的只是加载最初显示的信息。当用户需要更多信息时，他们将单击accordion选项卡，然后信息将在页面内上载（再次尝试节省上载时间）

这是我的一个手风琴标签的例子

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

+档案
档案编号
无角海枣
安装存档
更新档案
邮寄档案
$（“.expand_header3”）。单击（函数（）{
$expand_header3=$（此项）；
//获取下一个元素
$expand_content3=$expand_header3.next（）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$expand_content3.滑动切换（500，函数（）{
//滑动切换完成后执行此操作
//根据内容div的可见性更改标题文本
$expand_header3.文本（函数（）{
//根据条件更改文本
返回$expand_content3.is（“：visible”）？“-Archives:“+Archives”；
});
});
});

---

同样，我不希望在第一页加载期间上载内容，但是当他们单击accordion选项卡时，它会在div中上载内容。请帮助。

您可以尝试使用每个选项卡的内容创建不同的文件，然后在每个选项卡链接上单击事件使用jquery（“#”）.load（），仅在选中选项卡时加载内容

---

您使用的是旧php还是php框架？哪个？

您可以尝试使用每个选项卡的内容创建不同的文件，然后在每个选项卡链接onclick事件上使用jquery（“#”）.load（），仅在选中选项卡时加载内容

---

您使用的是旧php还是php框架？哪个？

只是普通的ole'Php。。。在wordpress中创建模板页面。如果要执行jquery（“#”）.load（），我们可以加载一个类似page.php的页面（其中包含一个php页面）吗？抱歉，耽搁了。对于wordpress，您必须创建页面并在仪表板上注册。请记住，您可以通过在主题中创建一个名为“page-{slug}.php”的文件来覆盖页面。您还可以（更好地）创建一个小ajax php函数，用于查找每个选项卡所需的数据，然后使jquery（）获取数据。请记住，如果要查看公共视图，您必须在admin和no-admin中注册ajax函数。。。在wordpress中创建模板页面。如果要执行jquery（“#”）.load（），我们可以加载一个类似page.php的页面（其中包含一个php页面）吗？抱歉，耽搁了。对于wordpress，您必须创建页面并在仪表板上注册。请记住，您可以通过在主题中创建一个名为“page-{slug}.php”的文件来覆盖页面。您还可以（更好地）创建一个小ajax php函数，用于查找每个选项卡所需的数据，然后使jquery（）获取数据。请记住，如果要查看公共视图，则必须在admin和no-admin中注册ajax函数。