Question

说我有一堆报纸：“泰晤士报”，“独立报”，“电讯报”和英国广播公司。

在下拉菜单中，我有：“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>

在display: none;上设置了css .submenu。然后你添加javascript例如jQuery slideToggle并设置样式。而且你已经完成了。

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

2 个答案: