一个普通的折叠菜单，点击标题展开，再次点击关闭。
使用ul和li标签，类似这样：
ul.menu {
list-style: none;
border: none;
text-align:left;
}
ul.menu li {
margin: 0 0 0 0.5em;
}
li.expanded {
list-style-type: none;
list-style-image: url(expanded.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}
li.collapsed {
list-style-type: none;
list-style-image: url(collapsed.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}
li.leaf {
list-style-type: square;
list-style-image: url(leaf.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}
但是发现有时图片不显示，本人解决方法如下：
不使用ul，替换成<a><img src=..../>文字</a>
还是发生了时而不显示的问题，以前做个菜单，不知这次的问什么会有这样的问题，请版上牛指点一二，谢了。
------解决方案--------------------
时而不显示说明了 加载图片是需要时间的 。。。
应该避免这种情况
------解决方案--------------------
将图片作为背景