Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
1 / -2 / 0
Регистрация: 28.11.2016
Сообщений: 65
1

Main menu

09.11.2017, 18:07. Показов 409. Ответов 3
Метки нет (Все метки)

Доброго времени суток, скажите пожалуйста как быть с меню , оно работает ,при нажатии на бургер открывается, при повторном нажатии на бургер закрывается, но не все так гладко как хотелось бы. Меню как то не так себя ведет, при открытии может само свернуться либо развернуться и свернуться... думаю скрипт слишком маленький...
И еще вопрос 1, как сделать так , что бы открытое меню, при нажатии на пустое место (любое кроме меню и гамбургера) закрывалось?

Java
1
2
3
4
$("#my-menu").click(function() {
  $(this).toggleClass("#my-menu");
  $("#menuy").slideToggle();
});
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<nav id="my-menu">
<div class="flex_hero">
    <div class="flex-left">
        <div class="btn-round ripple menu">
            <div class="hamburger">
                <div class="hamburger--line"></div>
                    </div>
        </div>
    </div>
</div>
    <div id='menuy'>
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </div>
</nav>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.11.2017, 18:07
Ответы с готовыми решениями:

"main-menu" + "sub-menu" без ID
&lt;nav&gt; &lt;ul class=&quot;main-menu&quot;&gt; &lt;li&gt; &lt;a&gt;main menu link 1&lt;/a&gt; ...

JS menu
не работает клик-меню((( &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta...

Создание объекта Menu
Задание: Написать объект для работы с меню. Конструктор Menu(); методы addItem(строка1,строка2) -...

Bootstrap и dropdown-menu
Есть dropdown-menu в форме &lt;div class=&quot;btn-group btn-input clearfix team-select&quot;&gt; &lt;button...

3
32 / 32 / 14
Регистрация: 30.11.2013
Сообщений: 139
09.11.2017, 18:10 2
Цитата Сообщение от GTRka Посмотреть сообщение
$(this).toggleClass("#my-menu");
Id != Class
0
1 / -2 / 0
Регистрация: 28.11.2016
Сообщений: 65
09.11.2017, 18:37  [ТС] 3
senyaarseniy, вроде понял, сделал вот так:
Java
1
2
3
4
$("#my-menu").click(function() {
  $(this).toggleClass("on");
  $("#menuy").slideToggle();
});
и в стилях добавил:
CSS
1
2
#my-menu.on
    display: block
но почему то все равно иногда закрывается и открывается произвольно...
0
32 / 32 / 14
Регистрация: 30.11.2013
Сообщений: 139
11.11.2017, 15:36 4
нужно выбрать использовать css или js и использовать чтото одно
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.11.2017, 15:36

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Замена стандартного context menu
Доброе время суток.Подскажите кто знает как сделать, чтобы при правом клике мыши по ссылке,...

Не выбирается пункт из dropdown-menu
При выборе любого из Вентильных блоков, можно потом выбрать Монтажный элемент но когда выбираю...

S5 Accordion Menu Module Joomla 2.5
Здравствуйте. Помогите пожалуйста со скриптом. Есть аккордион меню на моем тестовом сайте но оно...

Dropdown Menu Bootstrap не работает с мобильных устройств
Привет! Помогите пожалуйста, кто сталкивался с таким. Применяем ниспадающее меню Bootstrap...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.