table实现简易手风琴格式
2015-10-22 16:00
239 查看
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('tr.parent').click(function(){ // 获取所谓的父行
$(this).toggleClass("selected")
.siblings('.child_'+this.id).toggle();
;
});
});
</script>
<style type="text/css">
.selected{ background:rgb(231,240,249);}
}
</style>
</head>
<body>
<table border="1">
<tr class="parent" id="01" >
<td> 11</td><td> 11</td><td> 11</td>
</tr>
<tr class="child_01" >
<td> 22</td><td> 22</td><td> 22</td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 程序员书单_java web编程篇
- 协议[I2C]_I2C子系统之platfor_device初始化——smdk2440_machine_init()
- Socket 介绍
- setcookie()
- text-overflow 与 word-wrap:设置使用一个省略标记...标示对象内文本的溢出。
- 算法复杂度
- 收获的十月--程序员的第二快乐
- XCode ERROR ITMS-90049 This bundle is invalid The bundle identifier contains disallowed characters
- 柱面投影matlab程序
- python安装后的pip工具安装
- java.util.vector中的vector的详细用法
- GCD知识点概要总结
- [OpenGL ES 03]3D变换：模型，视图，投影与Viewport
- HDOJ 1089 A+B for Input-Output Practice (I)
- 如何检测内存泄漏——重载new和delet
- SourceTree环境的搭建
- 程序员书单_HTML篇
- 协议[I2C]_I2C子系统之I2C bus初始化——I2C_init()
- 阿里巴巴FastJson解析Json
- Web程序安全机制