我需要创建一个菜单，其中有多个子菜单

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，并设计它。你完成了。