0 / 0 / 0
Регистрация: 07.07.2015
Сообщений: 133
1

Раскрывающееся меню

20.05.2016, 15:53. Показов 454. Ответов 2
Метки нет (Все метки)

Здравствуйте.
Есть на адаптивной версии сайта http://starvideo.com.ua/ меню.
В пунктах меню, таких как на пример "Продакшн студия" есть подпункты.
Проблема в том, что как сделать при нажатии на "Продакшн студия" показывались все пдпункты. Сейчас при нажатия страница перезагружается, и только тогда можно увидеть подпункты.
Вот скрипт
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
var ww = jQuery(window).width();
 
jQuery(document).ready(function() {
    jQuery(".menu li a").each(function() {
        if (jQuery(this).next().length > 0) {
            jQuery(this).addClass("parent");
        };
    })
    
    jQuery(".toggleMenu").click(function(e) {
        e.preventDefault();
        jQuery(this).toggleClass("active");
        jQuery(".menu").toggle();
    });
    adjustMenu();
})
 
jQuery(window).bind('resize orientationchange', function() {
    ww = document.body.clientWidth;
    adjustMenu();
});
 
var adjustMenu = function() {
    if (ww < 768) {
        jQuery(".toggleMenu").css("display", "inline-block");
        if (!jQuery(".toggleMenu").hasClass("active")) {
            jQuery(".menu").hide();
        } else {
            jQuery(".menu").show();
        }
        jQuery(".menu li").unbind('mouseenter mouseleave');
        jQuery(".menu li a.parent").unbind('click').bind('click', function(e) {
            // must be attached to anchor element to prevent bubbling
            e.preventDefault();
            jQuery(this).parent("li").toggleClass("hover");
        });
    } 
    else if (ww >= 768) {
        jQuery(".toggleMenu").css("display", "none");
        jQuery(".menu").show();
        jQuery(".menu li").removeClass("hover");
        jQuery(".menu li a").unbind('click');
        jQuery(".menu li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
            // must be attached to li so that mouseleave is not triggered when hover over submenu
            jQuery(this).toggleClass('hover');
        });
    }
}
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.05.2016, 15:53
Ответы с готовыми решениями:

раскрывающееся меню
Доброго времени суток. Необходимо сделать раскрывающееся меню с эффектом. Сверстал меню, которое...

раскрывающееся меню
У меня есть стандартное меню на jquery с куками, вы можете подсказать как сделать при открытии...

Раскрывающееся меню с кнопкой
Извините за беспокойство. Помогите сделать так, чтобы при нажатии на кнопку менюшка...

Не работает раскрывающееся меню
если начать кликать по менюшкам, то перестает раскрываться пункт, у которого изначально был...

2
1443 / 970 / 511
Регистрация: 23.08.2015
Сообщений: 2,513
20.05.2016, 15:57 2
TanyaRomanyuk, У вас подпункты генерируются php скриптом и показываются только на нужных страницах. Через javascript тут никак не поправить. Нужно лезть в php код и выводить все подпункты сразу. А потом их уже javascrip-ом показывать/скрывать.
0
0 / 0 / 0
Регистрация: 07.07.2015
Сообщений: 133
20.05.2016, 16:03  [ТС] 3
sad67man, ясно,спасибо.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.05.2016, 16:03

Раскрывающееся меню для сайта
Имеется очень симпатичное меню для сайта, раскрывающееся. А именно... Само меню: &lt;ul...

Раскрывающееся меню с JS, как оставить открытой активную категорию?
Всем привет! Помогите пожалуйста решить проблему. Менюхой управляет скрипт, который по клику...

Работа с меню. При клике на кнопке меню или вне его, меню должно закрываться
Добрый вечер! Изучаю JQuery. Вот ради развития решил написать меню, практически такое же как на...

Раскрывающееся меню - при открытии/закрытии вложенного меню закрывается все меню
Проблема во вложенном меню. При открытии/закрытии вложенного меню закрывается все меню. Надо, чтобы...

Вертикальное раскрывающееся меню
Добрый день жители форума, имеется раскрывающийся список, кликаешь на нее раскрывается...

Раскрывающееся меню для сайта
Имеется очень симпатичное меню для сайта, раскрывающееся. А именно... Само меню: &lt;ul...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru