// Когда страница полностью загружена
$(window).ready(function()
{
	// запоминаем высоту и отступы каждого блока
	$('#accordion > div').each(function()
	{
		$(this).data('height', $(this).height());
		$(this).data('padding-top', $(this).css('padding-top'));
		$(this).data('padding-bottom', $(this).css('padding-bottom'));
	});
	
	// Скрываем все секции кроме первой
//	$('#accordion > div:not(:first)').hide();
	$('#accordion > div').hide();
	// Делаем первую секцию активной
	$('#accordion h3:first, #accordion div:first').addClass('active');
	// Если пользователь кликнул на секцию
	$('#accordion > h3').click(function()
	{
		// Сбрасываем все секции
		$('#accordion > h3').removeClass('active');
//		$('#accordion > div:visible').animate({height: 0, 'padding-top': 0, 'padding-bottom': 0}, 500, function() { $(this).hide() });
		$(this).next().toggle();
		
		// Делаем активной на которую кликнули
//		$(this).addClass('active');
//		box = $(this).next().addClass('active');
//		$(box).animate(
//		{
//			height: $(box).data('height'), 
//			'padding-top': $(box).data('padding-top'), 
//			'padding-bottom': $(box).data('padding-bottom')
//		}, 500);
	});
});