table 布局用slideToggle()展开和隐藏
来源:互联网 发布:淘宝直通车 医疗器械 编辑:程序博客网 时间:2024/05/21 09:56
<script src="../scripts/jquery-1.3.1.js"></script>
<script>
//展开、隐藏代码
$(function(){
$("tr.parent").click(function() {
$(this).toggleClass('selected');
$(this).siblings('.child_' + this.id).slideToggle();
});
})
</script>
<table>
<thead>
<tr><th>姓名</th><th>性别</th></tr>
</thead>
<tbody>
<tr class="parent" id="row_01"><td colspan="3">设计组</td></tr>
<tr class="child_row_01"><td>张山</td><td>男</td></tr>
<tr class="child_row_01"><td>李四</td><td>女</td></tr>
<tr class="parent" id="row_02"><td colspan="3">美术组</td></tr>
<tr class="child_row_02"><td>王五</td><td>男</td></tr>
<tr class="child_row_02"><td>找六</td><td>男</td></tr>
<tr class="parent" id="row_03"><td colspan="3">开发组</td></tr>
<tr class="child_row_03"><td>Rain</td><td>男</td></tr>
<tr class="child_row_03"><td>MAXMAN</td><td>女</td></tr>
</tbody>
</table>
- table 布局用slideToggle()展开和隐藏
- 显示和隐藏状态之间切换 slideToggle()
- 简单展开收起某个隐藏布局
- 字数的隐藏和展开
- 用tbody和div隐藏和展开页面的效果
- ListView点击Item展开隐藏项(单项展开、多项展开、复杂布局时的展开处理)
- jquery实现table表展开和收缩
- table表格信息的展开和缩小
- table行的折叠和展开
- jquery控制页面的展开和隐藏
- js实现评论框展开和隐藏
- jquery 的显示隐藏效果 .slideToggle()
- table 的隐藏和显示
- table一行隐藏和显示
- slideToggle()和toggleClass()的用法
- table和div布局优缺点
- table布局和标签总结
- DIV+CSS布局和Table布局对比
- log4cplus的各种坑
- mysql解压缩版安装
- Android--延迟页面跳转实现方法
- 文件编码问题导致 ./configure : /bin/sh^M : bad interpreter
- mysql自学笔记
- table 布局用slideToggle()展开和隐藏
- nginx的location用法
- 权利指数
- 题目833 取石子
- Express Intro
- 解决高并发架构一些技术套路杂谈
- Rsyslog远程传输的几种方式
- 数据库为什么要用B+树结构--MySQL索引结构的实现
- 如何让textarea不可拖拽