Jquery Toggle Plus / Minus或在PHP中上下滑动

时间:2015-09-09 10:59:35

标签: php jquery html mysql

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

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();
}

我的要求是在标签标签后添加jquery toggle或slideup / slidingown。最初它会是加号,当我点击加号它应该打开&#39; div1&#39;减号。我想在循环中切换到php,这样对于每一行我都可以获得单个行的加号切换..

感谢任何帮助谢谢!

1 个答案:

答案 0 :(得分:2)

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

您需要在页面中添加jquery和jquery ui。 在你可以按照他们给出的例子后,这是你需要的基本用法,只需在你的标签后面创建一个div来包含你的+,然后在toggle上将+转换为 - 。 请记住使用您使用的ID来命名您的div

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

和您要折叠/展开的div相同。

如果你看起来很复杂,也许可以尝试整合这样的解决方案: https://jqueryui.com/accordion/