[Jquery] Меню на разбор

Тема в разделе "Другие языки", создана пользователем dixi, 29 авг 2011.

Модераторы: Цукер
  1. dixi

    dixi

    Регистр.:
    15 июн 2011
    Сообщения:
    199
    Симпатии:
    51
    какое креативное меню, единственное что для рельного сайта было бы хорошо - так это возможность закрывать все пункты.

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

    Если несложно хотелось бы готовое решение чего куда прописать, чтоб закрывать можно было все.:imsorry:
     
  2. arman29

    arman29 Генератор идей

    Moderator
    • Супермодератор
    Регистр.:
    30 июн 2008
    Сообщения:
    1.235
    Симпатии:
    654
    что вы конкретно имеете ввиду? изначальное открытие меню или ее последующее раскрытие?

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

    ну это насколько я вас понял. если не так понял, то объясните подробнее
     
  3. dixi

    dixi

    Регистр.:
    15 июн 2011
    Сообщения:
    199
    Симпатии:
    51
    изначальное ладно - надо возможность чтобы закрыавались все пункты, то есть кликаешь - открывается, другой пункт - открывается другой и первый закрывается, а вот если хочешь чтобы все закрыто было - не выходит.

    Хотелось бы при клике 2-ой раз по одному и тому же пункту иметь закрытие этого пункта.

    Пользователь нашел что надо, контент внизу появился, теперь он хочет закрыть все, чтобы контент был на уровне глаз и не мешало меню, которое функции уже свои выполнило.
     
  4. exsith

    exsith Создатель

    Регистр.:
    25 сен 2012
    Сообщения:
    10
    Симпатии:
    0
    Извиняюсь за подъем древней темы, может кому пригодится:
    Код:
    <script type="text/javascript">
    // <![CDATA[
      function jMenu() {
        $('#accordion ul').hide();
        $('#accordion ul li.active').parent().show();
        $('#accordion li a').click( function() {
          var checkElement = $(this).next();
          if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            $('#accordion ul:visible').slideUp('normal');
            return false;
          }
          if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#accordion ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            return false;
          }
        });
      }
      $(document).ready( function() {
        jMenu();
      });
    // ]]>
    </script>
    В тексте как обычно:
    Код:
    <ul class="accordeon">...</ul>