I'm trying to do the following, before the element receives the ajax answer I hedge the opacity
of it to 0
and trigger the transition, until there it is working beauty, the thing is that after I pass responseText
pro element I need to display the element again and trigger the transition, but I'm not getting it to work ...
I've already been able to do this with .show
and .hide
of jquery else I wanted to do just by activating css
document.getElementById( this.element ).addEventListener(
"transitionend",
function(){
document.getElementById( this.element ).innerHTML = this.xmlhttp.responseText;
document.getElementById( this.element ).style.opacity = 1;
}, true);
document.getElementById( this.element ).style.opacity = 0;
element css
-webkit-transition: 200ms linear all;
-moz-transition: 200ms linear all;
transition: 200ms linear all;
// The problem is with the this
that is returning undefined, but I do not know how to solve it; s