lt！DOCTYPE html sel height 30pxwidth 48pxposition relativemarginleft15pxfontfamily simsunsel ulwidth 100%position absolutetop5pxsel lipaddingleft 5pxlineheight 20pxsel lifirstchild idisplay inlineblockwidth 8pxheight 8。

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便如果想像你这样实现，最好在每一个ul和li加上ID这个ID必须是有规律的，比如父ID为1_1，子ID1_1_1，用链接的点击事件根据ID获取父菜单和子菜单实现改变ulli的display样式就可以实现展开或隐藏。

你定义的a是全局变量，不管你点击的菜单是菜单一，还是菜单二都执行，不要这样写，直接加判断，点击菜单一时如果display是block就隐藏，否则显示 注火狐和ie获取display的方法不同，用前先判断，要不不兼容 var currentstyle = functione return ecurrentstyle。

之前在其他问题写了个树形框案例，效果是一样的，改一下效果就可以使用了 子菜单可以无限延伸 使用方法只要阅读 windowonload事件触发的函数就可以明白了 附效果图 链接提取码 ciz3。

JS代码 lt！ 说明将指定下拉列表的选项值清空 作者CodeBitcn param String Object selectObj 目标下拉选框的名称或对象，必须 function removeOptionsselectObj if typeof selectObj ！= #39object#39 selectObj =。

lt！DOCTYPE html RunJS 演示代码jQueryfunction$$quotulliaquotclickfunction$thisnextquotulquottoggleclosestquotliquotsiblingsquotliquotchildrenquotulquothidenextquotulquot。

需要使用到js，获取到点击按钮 声明一个变量为 var flag = false 当点击时 ifflag flag = true ， 把要显示的元素设置display为else flag= false， display设置为block。

function $vreturn documentgetElementByIdvvar x=0function cy$quotaquot+xstyledisplay = quotquot$quotaquot+ystyledisplay = quotquotx=y菜单一菜单二这里是文字这里是图片，自己写上左侧右侧布局我没给你写，只写了图片文字切换功能。

js添加 documentonclick=functione var e=ewindoweventif！=quotcyearListquot documentgetElementByIdquotcyearListquotclassListremovequotdisblockquot。

html中的标签，输入js代码function fun if $#39#ChildMenu1#39css#39display#39 == #39#39 #39#ChildMenu1#39css#39display#39， #39block#39 else #39#ChildMenu1#39css#39display#39， #39#39 3浏览器运行indexhtml页面，此时点击按钮即可让菜单显示或隐藏。