側邊欄顯示
阿新 • • 發佈：2019-02-20
建表
點一下子選單欄就顯示 再點一下側邊欄就隱藏
<!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]);
}
