$('html').addClass('js');


$(document).ready(function() {

	$('.navi ul li.folio > a').bind('click', function() {
		var $ul = $(this).parent().find('ul');
		var _slideToggle = function() {
			$ul.slideToggle({
				// easing: 'easeInQuart'
			}).addClass('active');
		};

		$ul.addClass('this');

		var $others = $('.navi ul li.folio ul.active:not(.this)');
		if( $others.length > 0 ) {
			$others.removeClass('active').slideUp({
				complete: _slideToggle
				// easing: 'easeOutQuart'
			});
		} else {
			_slideToggle();
		}

		$ul.removeClass('this');

		return false;
	});
	
	$('html').removeClass('js');
	
	$('.navi ul li.folio:not(.active) ul').hide(0);
	
});