php - Jquery 在 PHP 中切换加号/减号或向上/向下滑动

Question

我正在显示来自 mysql 数据库的数据

PHP代码

if(isset($_POST['showtable']))
{
    $sql = "select * from demo";
    $result = mysql_query($sql);
    while($row = mysql_fetch_object($result))
    {       
    ?> 
    <div class='container'>
        <div class='row'>
            <div class='col-md-4'>
                <label idl='<?php echo $row->id;?>'>
                    <?php echo $row->name; ?>
                </label>
            </div>
            <div id="div1" style="display:none;">
                div1
            </div>
        </div>
    </div>
    <?php 
    }
    exit();
}

我的要求是在 label 标记后添加 jquery toggle 或 slideup/slidedown。最初它将是加号，当我点击加号时它应该打开带有减号的'div1'。我想将切换放入 php while 循环中，以便对于每一行我都能够为单个行获得加号切换..

感谢任何帮助谢谢!

Answer 1

看看这里: https://jqueryui.com/toggle/

您需要将 jquery 和 jquery ui 添加到您的页面。在您可以按照他们给出的示例进行操作之后，这就是您需要的基本用法，只需在标签后创建一个 div 以包含您的 +，然后在切换开关上将 + 转换为 -。记得用你像那样使用的 id 来命名你的 div

<div id="myToggler_<?php echo $row->id; ?>" > + </div>

与要折叠/展开的 div 相同。

如果您觉得这很复杂，也许可以尝试集成这样的解决方案: https://jqueryui.com/accordion/