0
有沒有一種方法可以擴展此designmodo示例以允許3個級別的導航？ 我非常想使用此菜單示例，但我無法弄清楚如何添加第三級功能。任何幫助將不勝感激！CSS3手風琴菜單3級
例子： http://designmodo.com/css3-accordion-menu/
這裏是我的工作小提琴：http://jsfiddle.net/johnstonian/r5rEZ/
下面是一個簡單的菜單我的工作：
<ul class="accordion">
<li id="one" class="files">
<a href="#one">My Files<span>495</span></a>
<ul class="sub-menu">
<li id="five">
<a href="#one"><em>01</em>Dropbox<span>42</span></a>
<ul class="sub-menu">
<li><a><em>01</em>3rd Level<span>9</span></a></li>
<li><a href="#five"><em>02</em>3rd Level<span>14</span></a></li>
<li><a href="#five"><em>03</em>3rd Level<span>3</span></a></li>
</ul>
</li>
<li><a href="#one"><em>02</em>Skydrive<span>87</span></a></li>
<li><a href="#one"><em>03</em>FTP Server<span>366</span></a></li>
<li><a href="#one"><em>01</em>Dropbox<span>42</span></a></li>
</ul>
</li>
<li id="two" class="mail">
<a href="#two">Mail<span>26</span></a>
<ul class="sub-menu">
<li><a href="#two"><em>01</em>Hotmail<span>9</span></a></li>
<li><a href="#two"><em>02</em>Yahoo<span>14</span></a></li>
<li><a href="#two"><em>03</em>Gmail<span>3</span></a></li>
</ul>
</li>
<li id="three" class="cloud">
<a href="#three">Cloud<span>58</span></a>
<ul class="sub-menu">
<li><a href="#three"><em>01</em>Connect<span>12</span></a></li>
<li><a href="#three"><em>02</em>Profiles<span>19</span></a></li>
<li><a href="#three"><em>03</em>Options<span>27</span></a></li>
</ul>
</li>
<li id="four" class="sign">
<a href="#four">Sign Out</a>
<ul class="sub-menu">
<li><a href="#four"><em>01</em>Log Out</a></li>
<li><a href="#four"><em>02</em>Delete Account</a></li>
<li><a href="#four"><em>03</em>Freeze Account</a></li>
</ul>
</li>
</ul>
您遇到了什麼問題？ – Nix 2013-03-13 17:47:03
您的HTML中沒有任何第三級菜單... – Shmiddty 2013-03-13 17:49:20
我遇到了顯示第三級ul/li元素的問題。試圖找出如何修改CSS以允許使用pseudo：target方法進行第三級目標定位。這裏是一個小提琴：http://jsfiddle.net/johnstonian/r5rEZ/ 我想要發生的是點擊時顯示「Dropbox」下面的項目列表 – Johnstonian 2013-03-13 17:59:58