arozwalak
9/4/2014 - 6:07 PM

Javascript: show elements with animation TweenLite

Javascript: show elements with animation TweenLite

function displayChildrenTo(parent, children, time, to, delay) {
		if(parent.hasClass('hidden') && checkVisible(parent)) {
			parent.removeClass('hidden').find(children).each(function(){
				if (delay !== 'undefined') { to.delay = delay; }
				TweenLite.to($(this), time, to);
				if (delay !== 'undefined') { delay += 0.3 }
			});
		}
	}

	function displayChildrenFrom(parent, children, time, from, to, delay) {
		if(parent.hasClass('hidden') && checkVisible(parent)) {
			parent.removeClass('hidden').find(children).each(function(){
				if (delay !== 'undefined') { to.delay = delay; }
				TweenLite.fromTo($(this), time, from, to);
				if (delay !== 'undefined') { delay += 0.3 }
			});
		}
	}
	function displayElementTo(element, time, to, delay) {
		if(element.hasClass('hidden') && checkVisible(element)) {
			if (delay !== 'undefined') { to.delay = delay; }
			TweenLite.to(element.removeClass('hidden'), time, to);
		}
	}

	function displayElementFrom(element, time, from, to, delay) {
		if(element.hasClass('hidden') && checkVisible(element)) {
			if (delay !== 'undefined') { to.delay = delay; }
			TweenLite.fromTo(element.removeClass('hidden'), time, from, to);
		}
	}