jQuery 淡入淡出、展开收缩菜单实现代码

效果图:

运行以后，刷新下即可。
</p><p><b><br /><b> </p><p><title>jQuery淡入淡出、展开收缩菜单</title> </p><p>ul li{list-style:none;}<br />ul li.menu{position:relative;width:120px;}<br />ul li.menu ul{display:none;text-align:center;background:#fff;border:1px solid #ddd;width:100px;padding:5px;}<br />ul li.menu ul li{padding:5px 0;border-bottom:1px dotted #ddd;} </p><p></b> </p><p>弹出菜单 </p><p>菜单内容1<br />菜单内容2<br />菜单内容3<br />菜单内容4<br />菜单内容5 </p><p></b><br />
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]