四层树状数据展示,无样式
来源:互联网 发布:update mysql 编辑:程序博客网 时间:2024/06/04 19:19
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script></head><style type="text/css">ul{list-style: none;}.two{display: none;}.three{display: none;}.four{display: none;}</style><body><div><ul><p class="one">第一层</p><li class="two"><ul><p class="two2">第二层</p><li class="three"><ul><p class="three2">第三层</p><li class="four"><ul> <li>第四层</li> <li>第四层</li> <li>第四层</li></ul></li><p class="three2">第三层</p><li class="four"><ul> <li>第四层</li> <li>第四层</li> <li>第四层</li></ul></li></ul></li></ul></div></body><script type="text/javascript">$(".one").click(function(){console.log(1)if($(this).next().css('display') == 'none'){$(this).next().show()}else{$(this).next().hide()}})$(".two2").click(function(){console.log(1)if($(this).next().css('display') == 'none'){$(this).next().show()}else{$(this).next().hide()}})$(".three2").click(function(){console.log(1)if($(this).next().css('display') == 'none'){$(this).next().show()}else{$(this).next().hide()}})</script></html>
阅读全文
0 0
- 四层树状数据展示,无样式
- 二层树状数据展示附带样式全选
- 树状结构中展示的数据从数据库取出后进行再次封装使其方便UI层调用
- Windows DNA 之四 展示层
- jqgrid无数据样式呈现
- HighCharts自定义"无数据样式"
- python数据分析与展示(四)
- 使用highchart无数据时的样式
- 使用highchart无数据时的样式
- 基于 bootstrap 的数据展示--bootgrid 样式修改。
- 基于 bootstrap 的数据展示--bootgrid 样式修改。
- 树状菜单展示
- 如何展示主数据的历史变化(四)
- 计算广告与数据[四]展示广告之定向
- 大数据下的日志-前台展示:无按钮浏览(无按钮,自动滚屏)
- iOS开发中,对于列表无数据、无网络展示的友好提示
- css样式的展示
- Android Theme 样式 展示
- restFUL架构详解
- The transparent shader receiving the shadow.
- json初级
- Java通过几种经典的算法来实现数组排序
- 数据结构03 队列
- 四层树状数据展示,无样式
- 移动端车牌OCR识别
- UVA 159 Word Crosses
- [自用门户]门户飘窗功能代码,加在最底部,body标签内就行
- Ubuntu操作redis主从复制(读写分离)
- Linux+v4l2自动设置相机曝光时间
- 说点什么吧
- 计算机视觉与人的视觉
- 最大公因数,最小公倍数,因式分解(C/python略)