// Когда страница полностью загружена
$(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').hide();
	// Делаем первую секцию активной
	//$('#accordion h3:first, #accordion div:first').addClass('active');
	// Если пользователь кликнул на секцию
	$('#accordion > h3').click(function()
	{
		// Сбрасываем все секции
		$('#accordion > h3').removeClass('active');
		$('#accordion > div:visible').slideUp();
		
		// Делаем активной на которую кликнули
		$(this).addClass('active');
		box = $(this).next().addClass('active');
		$(box).fadeIn("slow");
	});
});