如何使用純CSS技術(shù)實(shí)現(xiàn)一個(gè)可折疊樹形菜單

利用偽類可以實(shí)現(xiàn)點(diǎn)擊打開折疊菜單，但是再次點(diǎn)擊收起貌似就沒(méi)法實(shí)現(xiàn)了。跟樓下說(shuō)的一樣，利用:hover、:active 可以設(shè)置二級(jí)菜單的樣式（如height、visibility、display）以達(dá)到展開的效果。

10年積累的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有扶余免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

請(qǐng)教css 樹形菜單如何默認(rèn)展開

一般屬性菜單是采用display屬性來(lái)控制菜單的顯示和隱藏的，如果要設(shè)置為默認(rèn)展開，可以將所有的菜單節(jié)點(diǎn)和子節(jié)點(diǎn)的display屬性設(shè)置為true。不懂請(qǐng)繼續(xù)追問(wèn)。

請(qǐng)教Div+CSS+JS樹型菜單問(wèn)題,我是新手，

不太明白你描述的問(wèn)題......點(diǎn)擊里面的1或2或3,不是你設(shè)置了鏈接么?都跳轉(zhuǎn)了,還有什么隱藏不隱藏?? 你是不是想說(shuō) 點(diǎn)11顯示11的子菜單,點(diǎn)12顯示12的子菜單,其它(11和13)的隱藏?

如果是這個(gè)效果,你有兩個(gè)錯(cuò)誤:

1:你最大的那個(gè)無(wú)序列表ul 少了 閉合標(biāo)簽,即/ul,你自己檢查一下.

2:在css里加.collapsed{display:none;}

如果不是,就不清楚了..............................

分享文章：css樹形菜單樣式,jquery樹形菜單
瀏覽路徑：http://chinadenli.net/article45/dseppei.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、云服務(wù)器、網(wǎng)站排名、網(wǎng)站維護(hù)、外貿(mào)建站、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)