мне нужно создать меню, которое имеет несколько подменю - PullRequest
Новая
       7

мне нужно создать меню, которое имеет несколько подменю

0 голосов
/ 09 января 2012

Скажите, что у меня есть несколько газет: The Times, The Independent, The Telegraph и 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>

Ответы [ 2 ]

0 голосов
/ 09 января 2012

а проблема есть?Вы просто создаете список <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 и стилизуете его.И вы сделали.

0 голосов
/ 09 января 2012 
<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>

Этого должно быть достаточно.

...