Jquery div展开收缩
2014-08-20 11:31
357 查看
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<head>
<script type="text/javascript" src="js/jquery1.3.2.js"></script>
<script type="text/javascript">
function showFile() {
if ($("#file").css("display") == "none") {
$("#file").css("display", "inline");
$("#sign").text("-");
} else {
$("#file").css("display", "none");
$("#sign").text("+");
}
;
}
$(document).ready(function(){
$("#showfile").click(showFile);
})
</script>
</head>
<body>
<div id=showfile> <span id=sign>+</span> 信息中心 </div>
<div id=file style="display:none">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery实现DIV层的收缩展开效果
- jQuery 淡入淡出、展开收缩菜单实现代码
- 展开/收缩DIV层面板（Open/Close Div Layers）
- jQuery实现点击展开div，再点击div隐藏
- JS实现固定在右下角可展开收缩DIV层的方法
- jQuery入门学习六：可收缩展开的级联菜单
- 用Jquery点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来.
- 基于jQuery实现下拉收缩(展开与折叠)特效
- jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
- 用jquery实现图片的展开和收缩
- Div层的展开与收缩的代码
- jquery实现文章内容展开收缩
- 用jQuery实现asp.net 2.0 treeview控件完全无刷新操作实例(AJAX的增、删、改、选择以及展开收缩节点)
- jQuery实现文本展开收缩特效
- jq div鼠标放上、离开马上展开、收缩方法
- jQuery 菜单栏 展开与收缩例子
- jQuery插件treeview点击节点名称不展开、收缩节点 分类： JavaScript 2014-06-16 20:28 539人阅读 评论(0) 收藏
- html Div层的展开与收缩的特效源代码下载
- jquery简单实现网页层的展开与收缩效果
- jquery 实现点击后1秒展开div