你样式引用的标签都写错了
还有可能是你忘记在页面上调取这个
CSS样式表
实在不行，最直接的方法就是
有时候你认为一个样式无效的话，你可以直接用内联样式做个试验，内联样式是优先性最高的样式类型，不受其他样式的继承关系影响
我这里已经用内联样式测试了下没问题，那肯定就是你样式引用方面出的错，仔细检查一遍，实在不行重新建一个试试
简单的话，可以这么做，用JSfunction opencat(cat){
if(document.getElementById(cat).style.display=="none"){
document.getElementById(cat).style.display=""
}
else {
document.getElementById(cat).style.display="none"
}
}
然后在要收缩菜单的按钮或链接上这么做 比如超连接
<a id="menu1" href="#" style="display:block" onclick="opencat('list1')">
下面紧跟着的是展开后的目录内容，可以是Table，也可以是DIV
<table id="list1">
<tr><td>111111</td></tr>
<tr><td>222222</td></tr>
<tr><td>33333</td></tr>
<tr><td>4444444</td></tr>
<tr><td>5555555</td></tr>
</table>
可能是权重不够, 被#menu2 li i的权重覆盖掉了, 建议 在 .cat1 前增加 #menu2 提高一下权重,修改后为, 如果.cat1 是li 的class
那么就修改为 #menu2 .cat1 i{} 如果权重还不够, 那么继续增加权重, 如#menu2 li.cat1 i{}
以上代码为猜测, 因为不知道你的html结构, 所以, 请修改一下, 看看效果, 如果还是这样, 再追问我
