0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1797 Просмотров
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
меню акордион
« : 30.04.2012, 05:22:23 »
Доброе время суток форумчане! не откажите в помощи!
ситуация следующая При клике по категории в меню меню раскрывается далее выбираю подкатегорию кликаю страница перезагружается и меню отображается закрытым Как сделать так чтобы меню с подкатегориями  оставалось раскрытым и закрывалось только по клику
http://виртуальный--питомец.рф/
*

noname-dev

  • Захожу иногда
  • 281
  • 17 / 0
Re: меню акордион
« Ответ #1 : 30.04.2012, 09:43:46 »
Без знаний HTML CSS и js никак. Опишу принцип.
У вас там jquery скрипт который по клику делает видимым/скрытым блок подменю. Нужно дописать скрипт, добавить условие, если пункт подменю активен то подменю делаем видимым.
Логику рассказал, дальше на офф сайте jquery читаем документацию.
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: меню акордион
« Ответ #2 : 30.04.2012, 10:55:27 »
У вас там jquery скрипт который по клику делает видимым/скрытым блок подменю. Нужно дописать скрипт, добавить условие, если пункт подменю активен то подменю делаем видимым.
Знаний в js никаких Ктонибудь может помоч!? Зарание спасибо!
*

noname-dev

  • Захожу иногда
  • 281
  • 17 / 0
Re: меню акордион
« Ответ #3 : 30.04.2012, 15:40:45 »
Бесплатно за вас никто здесь не сделает, вы хоть попытайтесь, почитайте документацию, там нет ничего сложного, нужно всего лишь немного времени потратить.
Будете пытаться, поможем, а сделайте мне или дайте готовый код - здесь не прокатит.
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: меню акордион
« Ответ #4 : 30.04.2012, 15:45:20 »
где про это можно почитать?
*

noname-dev

  • Захожу иногда
  • 281
  • 17 / 0
Re: меню акордион
« Ответ #5 : 30.04.2012, 17:52:38 »
http://htmlbook.ru/ - HTML и css
http://jquery.com/ - jquery, если с английским туго то можно воспользоваться переводчиком, хорошей документации(и актуальной) на русском не встречал, Google в помощь.
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: меню акордион
« Ответ #6 : 01.05.2012, 09:05:10 »
Код
jQuery.fn.initMenu = function() {  
    return this.each(function(){
        var theMenu = $(this).get(0);
        $('.acitem', this).hide();
        $('li.expand > .acitem', this).show();
        $('li.expand > .acitem', this).prev().addClass('active');
        $('li a', this).click(
            function(e) {
                e.stopImmediatePropagation();
                var theElement = $(this).next();
                var parent = this.parentNode.parentNode;
                if($(parent).hasClass('noaccordion')) {
                    if(theElement[0] === undefined) {
                        window.location.href = this.href;
                    }
                    $(theElement).slideToggle('normal', function() {
                        if ($(this).is(':visible')) {
                            $(this).prev().addClass('active');
                        }
                        else {
                            $(this).prev().removeClass('active');
                        }    
                    });
                    return false;
                }
                else {
                    if(theElement.hasClass('acitem') && theElement.is(':visible')) {
                        if($(parent).hasClass('collapsible')) {
                            $('.acitem:visible', parent).first().slideUp('normal',
                            function() {
                                $(this).prev().removeClass('active');
                            }
                        );
                        return false;  
                    }
                    return false;
                }
                if(theElement.hasClass('acitem') && !theElement.is(':visible')) {        
                    $('.acitem:visible', parent).first().slideUp('normal', function() {
                        $(this).prev().removeClass('active');
                    });
                    theElement.slideDown('normal', function() {
                        $(this).prev().addClass('active');
                    });
                    return false;
                }
            }
        }
    );
});
};
$(document).ready(function() {$('.menu').initMenu();});
подскажите что нужно изменить, в какой строчке?
« Последнее редактирование: 01.05.2012, 09:08:18 от Diki »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1605
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2176
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 831
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 806
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1080
Последний ответ 20.07.2020, 11:18:44
от kuraev64