javascript 分类折叠

function rowClicked(obj) 
{ 
  // 当前图像 
  img = obj; 
  // 取得上二级tr>td>img对象 
  obj = obj.parentNode.parentNode; 

  // 整个分类列表表格 
  var tbl = document.getElementById("list-table"); 
  // 当前分类级别 
  var lvl = parseInt(obj.className); 
  // 是否找到元素 
  var fnd = false; 
  var sub_display = img.src.indexOf('menu_minus.gif') > 0 ? 'none' : 'table-row' ; 
  // 遍历所有的分类 
  for (i = 0; i < tbl.rows.length; i++) 
  { 
      var row = tbl.rows[i]; 
      if (row == obj) 
      { 
          // 找到当前行 
          fnd = true; 
          //document.getElementById('result').innerHTML += 'Find row at ' + i +"<br/>"; 
      } 
      else 
      { 
          if (fnd == true) 
          { 
              var cur = parseInt(row.className); 
              var icon = 'icon_' + row.id; 
              if (cur > lvl) 
              { 
                  row.style.display = sub_display; 
  
                  var iconimg = document.getElementById(icon); 
                  if(sub_display != 'table-row') 
                  { 
                      iconimg.src = iconimg.src.replace('minus.gif','plus.gif'); 
                  } 
                  else 
                  { 
                      iconimg.src = iconimg.src.replace('plus.gif','minus.gif'); 
                  } 
              } 
              else 
              { 
                  fnd = false; 
                  break; 
              } 
          } 
      } 
  } 
  if(sub_display != 'table-row') 
  { 
          img.src = img.src.replace('minus.gif','plus.gif'); 
  } 
  else 
  { 
        img.src = img.src.replace('plus.gif','minus.gif'); 
  } 
}

转载于:https://my.oschina.net/xiaojiong/blog/33545

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值