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

dixi

Гуру форума
Регистрация
15 Июн 2011
Сообщения
208
Реакции
60
Сетка-аккордеон

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

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

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

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

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

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

Пользователь нашел что надо, контент внизу появился, теперь он хочет закрыть все, чтобы контент был на уровне глаз и не мешало меню, которое функции уже свои выполнило.
 
Извиняюсь за подъем древней темы, может кому пригодится:
Код:
<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>
 
Назад
Сверху