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

i need to create a menu, which has multiple submenus

本文关键字：菜单 一个 创建      更新时间：2023-09-26

假设我有很多报纸：《泰晤士报》、《独立报》、《电讯报》和英国广播公司。

在下拉菜单中，我有：《泰晤士报》、《独立报》、《每日电讯报》、"BBC"、"BBC世界新闻"answers"BBC英国新闻"。

我想做的是，当我点击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>

<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>

这就足够了。

问题是？您只需创建一个列表<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;设置在CCD_。然后添加javascript，例如jQuery slideToggle，并对其进行样式设置。

相关文章：