Статьи

JQUERY OPTIONS SLIDER / КНОПКА АНИМАЦИЯ

Фрагмент кода jQuery для создания ползунка панели параметров, который можно переключать вверх и вниз для отображения параметров инструмента или чего-либо подобного. Это меняет изображение стрелки, когда анимация заканчивается.

Онлайн демо

/*OPTIONS SLIDER / BUTTON ANIMATION -----------------*/
	var optionsToggleBtn = $('#options_btn');
	var buttonState = 1; //open
	optionsToggleBtn.live('click', function(){
		$('#options').slideToggle('slow' , function(){
			if (buttonState == 1) {
				buttonState = 0;
				$('#arrowoptionstoggle').attr('src','images/down-arrow.png');
			} else { 
				buttonState = 1;
				$('#arrowoptionstoggle').attr('src','images/up-arrow.png');
			}
		});
	});