Роскладное меню
Всем добрый день!
Есть готовое вертикальное, раскладное меню, оно в данный момент стоит в правом блоке на данном сайте: листовка.com.ua Вот исходники этого меню:
$(document).ready(function() {
// Store variables
var accordion_head = $('.accordion > li > a'),
accordion_body = $('.accordion li > .sub-menu');
// Open the first tab on load
accordion_head.first().addClass('active').next().slideDown('normal');
// Click function
accordion_head.on('click', function(event) {
// Disable header links
event.preventDefault();
// Show and hide the tabs on click
if ($(this).attr('class') != 'active'){
accordion_body.slideUp('normal');
$(this).next().stop(true,true).slideToggle('normal');
accordion_head.removeClass('active');
$(this).addClass('active');
}
});
});
<ul class="accordion">
<li id="one" class="files">
<a href="#one">Услуги печати</a>
<ul class="sub-menu">
<li><a href="#">офсетная печать</a></li>
<li><a href="#">цифровая печать</a></li>
<li><a href="#">печать на ризографе</a></li>
<li><a href="#">шелкотрафаретная печать</a></li>
</ul>
</li>
<li id="three" class="mail">
<a href="#two">Услуги дизайна</a>
<ul class="sub-menu">
<li><a href="#">разработка фирменного стиля</a></li>
<li><a style="font-size: 8.6pt;" href="#">разработка рекламной открытки</a></li>
</ul>
</li>
</ul>
Проблема в том, что оно по клику разворачивается но надо что бы по второму клику - сворачивалось обратно. Как тут: http://fly-card.ru/ Помогите пожалуйста решить проблему. Уже весь инет обшарил, решения не нашел. А яваскрипт не знаю :( |
Как вариант можно устроить проверку при клике проверять класс меню если меню открыто у него будет класс "open" если закрыто класс "close"
То есть при запуске функции мы проверяем класс у меню если класс "open" то удаляем этот класс присваиваем класс "close" иначе наоборот удаляем класс "close" открываем меню и присваиваем класс "open" я часто использую такой метод, хотя может он и не самый лучший но мне кажется неплохим. |
arcmag,
И таким образом можно будет не только развернуть один элемент но и свернуть? Так как и надо?)) Можете скинуть этот метод? |
Ребят, помогите, я заплачу, если надо
|
Все, ребят, отбой :-)
Я нашел чем заменить, нарыл: http://cssmenumaker.com/menu/elegant-accordion-menu Может кому то пригодится. Тоже из разряда аккардион меню |
| Часовой пояс GMT +3, время: 02:38. |