我需要創建一個菜單，其中有多個子菜單

Question

說我有一堆報紙：泰晤士報，獨立報，電訊報和BBC。

在下拉菜單中，我有：「The Times」，「The Independent」，「The Telegraph」，「BBC」，「BBC World news」和「BBC UK news」。

我想要發生的事情是，當我點擊BBC時，BBC世界新聞和BBC英國新聞出現在子列表中。這個子列表會插入自己，有點像本頁面左側的菜單http://www.stpaulsschool.org.uk，例如，當我點擊「日常生活」時，會出現其他選項。

現在我有一個<form>，然後<select>，然後<option> S：

<form> 
    <select onchange="showRSS2(this.value)"> 
     <option value="">Select an RSS feed</option> <option value="Times">The Times</option> 
     <option value="Independent">The Independent</option> 
     <option value="BBC">BBC</option> 
     <option value="BBC-World">BBC World News</option> 
     <option value="BBC-UK">BBC UK</option> 
    </select> 
</form> 

Answer 1

<ul> 
    <li><a href="#">The Times</a></li> 
    <li><a href="#">The Indepentent</a></li> 
    <li><a href="#">The Telegraph</a></li> 
    <li> 
     <a href="#">BBC</a> 
     <ul> 
      <li><a href="#">BBC World news</a></li> 
      <li><a href="#">BBC UK news</a></li> 
     </ul> 
    </li> 
</ul> 

這應該是足夠的。

Answer 2

問題是？您只需創建一個列表<ul></ul>每個成員<li></li>包含兩個div，像這樣：

<li> 
    <div class="header">HEADER</div> 
    <div class="submenu"> 
     <ul> 
     <li>One</li> 
     <li>Two</li> 
     <li>Three</li> 
     </ul> 
    </div> 
</li> 

與CSS display: none;集上.submenu。然後你添加javascript，例如jQuery slideToggle，並設計它。你完成了。