Добрый день!
Прошу вашей помощи.
Есть данный аккордеон, при нажатии кнопки раскрывается блок (через .animate() увеличивается размер и подгоняются все остальные), так же при повторном нажатии данный блок скрывается.
Данный механизм написан через .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);
});
Требуется при открытии блока, скрывать остальные. Т.к. новичок в это деле, прошу сильно не пинать за написанный код и отнестись с понимаем.
Спасибо!