Diaco's post in Issue animating page turn was marked as the answer
Hi hackfin
u can change zIndex and Z translation simply with this method :
$(".page").click(
function() {
if (pageLocation[this.id] == undefined || pageLocation[this.id] =="right") {
var $Zz = ($(".left").length)+1 ;
TweenMax.to($(this), 1, {force3D:true,rotationY:-180,className:'+=left',z:$Zz,zIndex:$Zz});
TweenLite.set($(this), {className:'-=right'});
pageLocation[this.id]= "left";
}
else {
var $Zz = ($(".right").length)+1 ;
TweenMax.to($(this), 1, {force3D:true,rotationY:0,className:'+=right',z:$Zz,zIndex:$Zz});
TweenLite.set($(this), {className:'-=left'});
pageLocation[this.id]= "right";
}
}
);
Diaco's post in apply rotation to each of a dynamically generated class was marked as the answer