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

點擊展開或隱藏菜單，最好在菜單前加一個圖標(biāo)按鈕，美觀又方便如果想像你這樣實現(xiàn)，最好在每一個ul和li加上ID這個ID必須是有規(guī)律的，比如父ID為1_1，子ID1_1_1，用鏈接的點擊事件根據(jù)ID獲取父菜單和子菜單實現(xiàn)改變ulli的display樣式就可以實現(xiàn)展開或隱藏。

你定義的a是全局變量，不管你點擊的菜單是菜單一，還是菜單二都執(zhí)行，不要這樣寫，直接加判斷，點擊菜單一時如果display是block就隱藏，否則顯示 注火狐和ie獲取display的方法不同，用前先判斷，要不不兼容 var currentstyle = functione return ecurrentstyle。

之前在其他問題寫了個樹形框案例，效果是一樣的，改一下效果就可以使用了 子菜單可以無限延伸 使用方法只要閱讀 windowonload事件觸發(fā)的函數(shù)就可以明白了 附效果圖 鏈接提取碼 ciz3。

JS代碼 lt！ 說明將指定下拉列表的選項值清空 作者CodeBitcn param String Object selectObj 目標(biāo)下拉選框的名稱或?qū)ο?，必?function removeOptionsselectObj if typeof selectObj ！= #39object#39 selectObj =。

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

需要使用到j(luò)s，獲取到點擊按鈕 聲明一個變量為 var flag = false 當(dāng)點擊時 ifflag flag = true ， 把要顯示的元素設(shè)置display為else flag= false， display設(shè)置為block。

function $vreturn documentgetElementByIdvvar x=0function cy$quotaquot+xstyledisplay = quotquot$quotaquot+ystyledisplay = quotquotx=y菜單一菜單二這里是文字這里是圖片，自己寫上左側(cè)右側(cè)布局我沒給你寫，只寫了圖片文字切換功能。

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

html中的標(biāo)簽，輸入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頁面，此時點擊按鈕即可讓菜單顯示或隱藏。