私は複数のサブメニューを持つメニューを作成する必要があります

Question

私は新聞の束を持っていると言う：タイムズ、独立、電信とBBC。

ドロップダウンメニューには、「The Times」、「The Independent」、「Telegraph」、「BBC」、「BBC World news」、「BBC UK news」があります。

BBCをクリックすると、BBCの世界ニュースとBBCのニュースがサブリストに表示されます。このサブリストは、このページの左側にあるメニューのようなビットを挿入します。http://www.stpaulsschool.org.uk 「日常生活」をクリックすると、他のオプションが表示されます。

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

十分にする必要があること：

は今、私はその後<option>秒、<select>そして、<form>を持っています。

Answer 2

問題は？ .submenuのCSSと

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

display: none;セット：あなたは、単にこのようなリスト<ul></ul>と<li></li>は2つのdivを含む各部材を作成します。次に、jQuery slideToggleなどのjavascriptを追加してスタイルを設定します。そしてあなたは終わった。