1

Тема: Проблеми з випадним меню

Створив випадне меню на Bootstrap, захотів створити трьохрівневе, написав наступний текст, додав клас submenu, але текст відображається зразу, а не після кліка

 <div class="collapse navbar-collapse" id="menu">
                         <ul class="nav navbar-nav">
                           <li><a href="#">Контакти</a></li>
                           <li dropdown>
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Продукція<b class="caret"></b></a>
                              <ul class="dropdown-menu">
                                <li class="dropdown">
                                   <a href="#" class="data-toggle" data-toggle="dropdown-submenu">Сити-лайт<b class="caret"></b></a>
                                   <ul class="dropdown-submenu">
                                      <li>Двухярусний</li>
                                   </ul>
                                </li>
                              </ul>
                           </li>
                           <li><a href="#">Про нас</a></li>
                         </ul>
                      </div>

2

Re: Проблеми з випадним меню

Напевно я знайшов причину, в css відсутні стилі для submenu

3

Re: Проблеми з випадним меню

досить цікавий код. Треба спробувати.

4

Re: Проблеми з випадним меню

Доброго дня.

Я бачу що Ви знайшли вирішення цієї проблеми.

В мене є подібна проблема і тому прошу Вашої допомоги.



Мені потрібно щоби список був прихований а при наведені курсором мищі розкривався

Ось код:

                                    <ul class="section_style">
                                        <li>
                                            <a class="section_title" href="File basa/Garden/Garden malus leter А.html" target="form">
                                                <span class="name">Яблуня</span>
                                            </a>
                                        </li>
                                            <ul class="section_list">
                                                <li><a href="File basa/Garden/Garden malus sort elderly leter А.html" target="form"><span class="name">Літні сорти </span></a></li>
                                                <li><a href="File basa/Garden/Garden malus sort autumn leter А.html" target="form"><span class="name">Осінні сорти</span></a></li>
                                                <li><a href="File basa/Garden/Garden malus sort winter leter А.html" target="form"><span class="name">Зимові сорти</span></a></li>
                                                <li><a href="File basa/Garden/Garden malus country.html" target="form"><span class="name">Країни</span></a></li>
                                                <li><a href="File basa/Garden/Garden malus year.html" target="form"><span class="name">Роки</span></a></li>
                                            </ul>
                                    </ul>

А точніше потрібно щоби при наведенні курсором миші на слово "Яблуня" розкривався прихований список

                                            <ul class="section_list">
                                                <li><a href="File basa/Garden/Garden malus sort elderly leter А.html" target="form"><span class="name">Літні сорти </span></a></li>
                                                <li><a href="File basa/Garden/Garden malus sort autumn leter А.html" target="form"><span class="name">Осінні сорти</span></a></li>
                                                <li><a href="File basa/Garden/Garden malus sort winter leter А.html" target="form"><span class="name">Зимові сорти</span></a></li>
                                                <li><a href="File basa/Garden/Garden malus country.html" target="form"><span class="name">Країни</span></a></li>
                                                <li><a href="File basa/Garden/Garden malus year.html" target="form"><span class="name">Роки</span></a></li>
                                            </ul>

Буду дуже вдячний за допомогу

Post's attachments

Skrin_menu.JPG 23.42 kb, 194 downloads since 2016-05-03 

5 Востаннє редагувалося koala (03.05.2016 18:59:36)

Re: Проблеми з випадним меню

Прихований текст
ul.section_style ul.section_list {
  display: none;
}
ul.section_style:hover ul.section_list {
  display: block;
}

https://jsfiddle.net/ycbwk3q8/

Подякували: Romanvolja1

6

Re: Проблеми з випадним меню

Щиро Вам вдячний, все працює,  *YAHOO*  .

Подякували: fanatp1

7

Re: Проблеми з випадним меню

Перепрошую за граматичний нацизм, але бачу в початковому дописі дві помилки

Nick9956 написав:

меню...трьохрівневе

Правильно буде "трирівневе".
В коді написано

Nick9956 написав:

<li>Двухярусний</li>

Правильно буде "двоярусний".
Причина -- правопис:
§ 48. Творення складних числівників і відчислівникових слів.
3. На початку складних слів (прикметників, іменників) перші чотири числівники мають форми одно-, дво-, три-, чотири-: двоповерховий (не “двохповерховий”), двоярусний (не “двох’ярусний”), чотирикутник. Форми двох-, трьох-, чотирьох- вживаються лише перед частинами, що починаються з голосного: двохелементний, трьохактний, чотирьохосьовий.
http://shkolaw.in.ua/mabuldr/%D0%86.+%D … rt-48.html