[alma95]

Всем добрый день!
Есть готовое вертикальное, раскладное меню, оно в данный момент стоит в правом блоке на данном сайте: листовка.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/

Помогите пожалуйста решить проблему. Уже весь инет обшарил, решения не нашел. А яваскрипт не знаю