侧边栏显示

最新推荐文章于 2024-02-28 16:52:32 发布

baiyawen1

最新推荐文章于 2024-02-28 16:52:32 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/baiyawen1/article/details/81504836

版权

建表

点一下子菜单栏就显示再点一下侧边栏就隐藏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        li {
           list-style: none;
        }
    </style>
    <script src="__STATIC__/jquery.js"></script>
    <script language="JavaScript">
        $("ul").hide();
        $(document).on('click','div',function(){
            $(this).nextUntil('div').toggle();
        });
    </script>
</head>
<body>
{volist name="data" id="v"}
<div style="background:greenyellow;width: 120px ">{$v.name}</div>
{volist name="arr" id="vo"}
<ul>
    {if condition="$v.id eq $vo.pid"}
    <li style="background: gold;width: 80px " >{$vo.name}</li>
    {/if}
</ul>
{/volist}
{/volist}
</body>
</html>

控制器方法

 public function show()
    {
        $arr=Db::table('power')->where('pid=0')->select();
        $res=Db::table('power')->where('pid!=0')->select();
        return view('show',['arr'=>$res,'data'=>$arr]);
    }

没点击之前

点击第一个绿色一个（出现下面的展示）

点击第二个绿色一个（出现下面的展示）

baiyawen1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
侧边栏显示

建表点一下子菜单栏就显示再点一下侧边栏就隐藏&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt;
复制链接

扫一扫