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);
}
}