show---hide 应用
来源:互联网 发布:淘宝网唯品会女装毛衣 编辑:程序博客网 时间:2024/05/10 09:41
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Collapsible List — Take 1</title>
<link rel="stylesheet" type="text/css" href="../common.css">
<script type="text/javascript"
src="../scripts/jquery-1.2.1.js"></script>
<script type="text/javascript">
$(function(){
$('li:has(ul)')
.click(function(event){
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this)
.css('list-style-image','url(minus.gif)')
.children().show();
}
else {
$(this)
.css('list-style-image','url(plus.gif)')
.children().hide();
}
}
return false;
})
.css('cursor','pointer')
.click();
$('li:not(:has(ul))').css({
cursor: 'default',
'list-style-image':'none'
});
});
</script>
<style>
fieldset { width: 320px }
</style>
</head>
<body>
<fieldset>
<legend>Collapsible List — Take 1</legend>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>
Item 3
<ul>
<li>Item 3.1</li>
<li>
Item 3.2
<ul>
<li>Item 3.2.1</li>
<li>Item 3.2.2</li>
<li>Item 3.2.3</li>
</ul>
</li>
<li>Item 3.3</li>
</ul>
</li>
<li>
Item 4
<ul>
<li>Item 4.1</li>
<li>
Item 4.2
<ul>
<li>Item 4.2.1</li>
<li>Item 4.2.2</li>
</ul>
</li>
</ul>
</li>
<li>Item 5</li>
</ul>
</fieldset>
</body>
</html>
- show---hide 应用
- show---hide 应用的改进利用toggle()
- Android开发-fragment切换、hide、show、fragmentmanager的基础应用
- jq(HIDE OR SHOW)
- 显示show()隐藏hide()
- Show/Hide RadAjaxLoadingPanel explicitly
- hide show toggle
- jquery动画show () hide()
- JQuery show hide方法
- fragment hide/show 生命周期
- ng-show/ng-hide
- ng-show ; ng-hide
- UIView Hide/Show animate
- Fragment show hide,replace
- Fragment Hide and Show
- Fragment show和hide
- JQuery基礎.show();.hide();
- screenlets hide on show desktop
- ASP.NET程序中常用代码汇总
- Java 配置环境变量
- 所谓的Crack大揭秘
- 打印树中关键字k1 - k2之间(含k1,k2)的所有元素C语言
- Linux下一种简单易行的cpu benchmark方法
- show---hide 应用
- show---hide 应用的改进利用toggle()
- epoll精髓
- 清理Windows7壁纸残留信息
- 天龙八部之算法
- 输出指定格式的数字矩阵
- 画刷的使用
- TYVJ p1035 棋盘覆盖
- 到主机的TCP/IP连接失败 解决方案