Стрелка Верх и Низ у Меню

Тема в разделе "JavaScript", создана пользователем fumofuuu, 12 сен 2012.

Модераторы: ZiX
  1. fumofuuu

    fumofuuu

    Регистр.:
    24 сен 2011
    Сообщения:
    280
    Симпатии:
    125
    Как сделать что когда закрыто меню была стрелке → :
    Пример:
    Код:
      →Меню 1
      →Меню 2
      →Меню 3
    Когда меню раскрывают стрелка показывала вниз ↓ :
    Код:
      ↓Меню 1
            *под меню 1
            *под меню 2
      →Меню 2
      ↓Меню 3
            *под меню 1
            *под меню 2

    HTML:
    $(document).ready(function() {
        $('ul#umenu ul').each(function(i) { // Check each submenu:
            if ($.cookie('submenuMark-' + i)) {  // If index of submenu is marked in cookies:
                $(this).show().prev().removeClass('collapsed').addClass('expanded'); // Show it (add apropriate classes)
            }else {
                $(this).hide().prev().removeClass('expanded').addClass('collapsed'); // Hide it
            }
            $(this).prev().addClass('collapsible').click(function() { // Attach an event listener
                var this_i = $('ul#umenu ul').index($(this).next()); // The index of the submenu of the clicked link
                if ($(this).next().css('display') == 'none') {
                    $(this).next().slideDown(200, function () { // Show submenu:
                        $(this).prev().removeClass('collapsed').addClass('expanded');
                        cookieSet(this_i);
                    });
                }else {
                    $(this).next().slideUp(200, function () { // Hide submenu:
                        $(this).prev().removeClass('expanded').addClass('collapsed');
                        cookieDel(this_i);
                        $(this).find('ul').each(function() {
                            $(this).hide(0, cookieDel($('ul#umenu ul').index($(this)))).prev().removeClass('expanded').addClass('collapsed');
                        });
                    });
                }
            return false; // Prohibit the browser to follow the link address
            });
        });
    });
    function cookieSet(index) {
        $.cookie('submenuMark-' + index, 'opened', {expires: null, path: '/'}); // Set mark to cookie (submenu is shown):
    }
    function cookieDel(index) {
        $.cookie('submenuMark-' + index, null, {expires: null, path: '/'}); // Delete mark from cookie (submenu is hidden):
    }
     
  2. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    у вас есть 2 класса collapsed и expanded вот в них и пропишите в качестве background нужные стрелки с позиционированием ...
    если же они у вас физически присутствуют в тексте меню, то воспользуйтесь атрибутом src нужной картинки и в местах скрипта, где у вас идет смена классов заголовков меню, добавьте приблизительно такое $(this img).attr({src:"Перейти по ссылке"}); в зависимости от состояния