Php 通过使用jquery重新加载部分页面来隐藏和显示数据库内容

我在页面上有一个div，它显示了来自mysql数据库的客户机列表。默认情况下，它显示前10个。当用户单击“全部查看”时，jquery函数将重新加载div，以在div上显示完整的客户机列表。这部分工作正常

但我也希望在用户单击“查看较少”时能够再次隐藏额外的客户端，并只显示原来的10个。这部分根本不起作用，我不知道为什么

这是我第一次使用jquery编码，因此提前感谢您的帮助

HTML:

PHP（包括_clientwidget.PHP）：

---

您的showSomeClient（）调用调用的脚本与您在此发布的脚本不同。我会将额外的客户端放在容器div中（在#widgetbox中）。然后，当用户单击“查看较少”时，我只会隐藏container div。然后，您不必再调用数据库，额外的客户机仍然存在，以防用户希望再次显示它们。
<div id="widgetbox" class="client shadow">
     <?php include('include_clientwidget.php'); ?>
</div>

<?php
// Connect to DB
include_once "connect_to_mysql.php";

echo '
    <h3>Clients</h3>
    <!--
';
$mode = $_GET['mode'];
if($mode=='all') {
    $result = mysql_query("
        SELECT 
            *
        FROM 
            project_client
        WHERE
            active='1' AND
            remove='0'
        ORDER BY
            new_project_date
    ");
}
else {
    $result = mysql_query("
        SELECT 
            *
        FROM 
            project_client
        WHERE
            active='1' AND
            remove='0'
        ORDER BY
            new_project_date
        LIMIT 
            2
    ");
}
while ($row = mysql_fetch_array($result)) {
    echo '
        --><a href="#"><div id="tags">
            ' . $row['name'] . '
        </div></a><!--                    
    ';
}

if($mode=='all') {
    echo '
        -->
        <div id="clear"></div>
        <a href="javascript:void(0);">
            <div id="more" class="see_less">
                See less
            </div>
        </a>
    ';
}
else {
    echo '
        -->
        <div id="clear"></div>
        <a href="javascript:void(0);">
            <div id="more" class="see_all">
                See all
            </div>
        </a>
    ';
}?>

<script>
    function showAllClient() {
        $(".client").load("include_clientwidget.php?mode=all")
    }
    function showSomeClient() {
        $(".client").load("include_header.php")
    }

    $('.see_all').on('click' , showAllClient);  
    $('.see_less').on('click' , showSomeClient);
</script>