Скрывать не активные блоки в аккордеоне?

Добрый день!
Прошу вашей помощи.
Есть данный аккордеон, при нажатии кнопки раскрывается блок (через .animate() увеличивается размер и подгоняются все остальные), так же при повторном нажатии данный блок скрывается.
6b98eec6a2f3465a8a60f89fbfd13d12.png
Данный механизм написан через .toggle:
function openContent(){
		jQuery(this).animate({left: 640}, speed).closest('.item').animate({width:hoverWidth}, speed);//.attr('id', 'current');
		jQuery(this).closest('.item').find('.participants_index').css('width', '+=640').delay( 1500 ).animate({opacity: 1}, 1500);
		jQuery(this).closest('.item').find('.button_open').css({'margin-left': '+=373', 'z-index': 1}).delay( 1500 ).animate({opacity: 1}, 500);
		jQuery(this).css('background-position', 'right');
		jQuery('.scrollableArea').animate({width: '+=640'});
	}
	function closeContent(){
		jQuery(this).animate({left: '-=640'}, speed).closest('.item').animate({width: 320}, speed);//.removeAttr('id', 'current');
		jQuery(this).closest('.item').find('.participants_index').animate({opacity: 0}, 500).delay( 1500 ).animate({width: 0}, 50);
		jQuery(this).closest('.item').find('.button_open').animate({opacity: 0}, 500).delay( 1500 ).animate({marginLeft: 0}, 50).css('z-index', 0);
		jQuery(this).css('background-position', 'left');
		jQuery('.scrollableArea').delay( 1500 ).animate({width: '-=640'});
	}
    jQuery('.open_content').toggle(function(){
		openContent.call(this);
    }, function (){
		closeContent.call(this);
	});

Требуется при открытии блока, скрывать остальные. Т.к. новичок в это деле, прошу сильно не пинать за написанный код и отнестись с понимаем.
Спасибо!
  • Вопрос задан
  • 188 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы