使用style样式隐藏显示下级菜单的方法
2013-07-25 14:46
375 查看
<style type="text/style">
/*菜单 展开状态*/
.nav dl.open dt{ background-position:0 0;}
.nav dl.open dd{ display:block;}
</style>
<dl class="open">
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">报销单管理</dt>
<dd><a href="index.html" target="_self">添加报销单</a></dd>
<dd><a href="list.html" target="_self">审核报销单</a></dd>
</dl>
<dl>
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">我要采购</dt>
<dd>信心收件箱</dd>
<dd>信心发件箱</dd>
</dl>
<dl>
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">我要销售</dt>
<dd>信心收件箱</dd>
<dd>信心发件箱</dd>
</dl>
<dl>
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">信息中心</dt>
<dd>信心收件箱</dd>
<dd>信心发件箱</dd>
</dl>
</div>
原文出自:http://blog.163.com/xiao_long/blog/static/21765117420132296434645/
/*菜单 展开状态*/
.nav dl.open dt{ background-position:0 0;}
.nav dl.open dd{ display:block;}
</style>
<dl class="open">
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">报销单管理</dt>
<dd><a href="index.html" target="_self">添加报销单</a></dd>
<dd><a href="list.html" target="_self">审核报销单</a></dd>
</dl>
<dl>
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">我要采购</dt>
<dd>信心收件箱</dd>
<dd>信心发件箱</dd>
</dl>
<dl>
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">我要销售</dt>
<dd>信心收件箱</dd>
<dd>信心发件箱</dd>
</dl>
<dl>
<dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">信息中心</dt>
<dd>信心收件箱</dd>
<dd>信心发件箱</dd>
</dl>
</div>
原文出自:http://blog.163.com/xiao_long/blog/static/21765117420132296434645/
相关文章推荐
- Oracle EBS诊断方面几种情况的解决方法(诊断菜单隐藏、个性化功能报错、关于此页的显示)
- Android的TextView/EditText使用CharacterStyle&SpannableString来处理图片显示、字体样式、超链接等
- [JQ权威指南]第十八天:使用show()与hide()方法动画显示和隐藏图片
- UITableView 系列一 :基本使用方法 (显示,删除,添加图片,添加样式等) (实例)
- Android的TextView/EditText使用CharacterStyle&SpannableString来处理图片显示、字体样式、超链接等
- jq点击显示隐藏二级菜单的几种方法
- html 中显示.隐藏的方法的使用
- 使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
- Jquery中使用show()与hide()方法动画显示和隐藏图片
- Android的TextView/EditText使用CharacterStyle&SpannableString来处理图片显示、字体样式、超链接等
- 使用了ng-repeat 后的样式显示 ng-class 、ng-hide ng-show ng-if ng-style
- Android的TextView/EditText使用CharacterStyle&SpannableString来处理图片显示、字体样式、超链接等
- win7 64位系统中为右键菜单添加显示隐藏系统文件和文件扩展名的方法
- NSNotificationCenter 的使用方法举例(虚拟键盘的显示隐藏)
- 使用toggle()方法进行显示隐藏
- 使用toggle()方法进行显示隐藏
- Oracle EBS诊断方面几种情况的解决方法(诊断菜单隐藏、个性化功能报错、关于此页的显示)
- jQuery使用hide方法隐藏指定元素class样式用法实例
- Android的TextView/EditText使用CharacterStyle&SpannableString来处理图片显示、字体样式、超链接等
- Android的TextView/EditText使用CharacterStyle&SpannableString来处理图片显示、字体样式、超链接等