JS如何写栏目栏目伸缩?

tlijian1989 发布于 2013/05/13 21:51
阅读 535
收藏 0

    从数据库取出多条栏目,在html里循环出所有条栏目,我想做个栏目伸缩,点一个栏目,它的子孙栏目会关闭或打开

//取出过程,就与下面类似

foreach($list as $k=>$v){

  <tr><td>$v.id</td><td>$v.name</td><td>$v.id</td></tr>

}

加载中
0
梅开源
梅开源
这类源码网上很多的,原理是点击栏目,查找到其下1层,

搜jquery toggle()

0
tlijian1989
tlijian1989
难点是 从数据库取出的数据,没有层次关系.比如就是10行<tr>栏目</tr>.在HTML里是同级的,
0
梅开源
梅开源

引用来自“tlijian1989”的答案

难点是 从数据库取出的数据,没有层次关系.比如就是10行<tr>栏目</tr>.在HTML里是同级的,

数据设计有问题

至少数据表设计要有个parentid啥的

0
tlijian1989
tlijian1989
这个Pid是有的,就是取出来的时候没有层级关系,就是10行同级的<tr>
0
tlijian1989
tlijian1989
<foreach name="list" item="v">
     <tr pid="{$v.parent_id}" cid="{$v.cat_id}">
         <td class="left">
           span class="on" style="margin-left:{$v.count}em"></span>
           {$v.cat_name}
          </td>  
          <td>1</td> <td><img src='__PUBLIC__/images/<if condition="$v.is_delete eq 0">no<else />yes</if>.gif'/></td>
         <td><span><a href="__URL__/addSubCate/cat_id/{$v.cat_id}" target="right">添加子栏目</a><span><span><a href="__URL__/cateSave/cat_id/{$v.cat_id}" target="right">栏目编辑</a><span><span><a href="__URL__/cateDelete/cat_id/{$v.cat_id}">删除栏目</a><span><span><a href="__URL__/cate_remove/cat_id/{$v.cat_id}" target="right">移动栏目</a><span></td>
                        </tr>     
              </foreach>

0
tlijian1989
tlijian1989
现在问题就是,我点一个顶级栏目,下的子孙栏目应该是都会隐藏.但我能只找到顶级栏目下的子栏目,但子栏目下还有子栏目的话,就找不到了.我不知道如何写
帖子列表
帖子列表
递归吧
返回顶部
顶部