Estou tentando fazer o seguinte, antes do elemento receber a resposta ajax eu seto o opacity
dele pra 0
e disparo a transição, até ai esta funcionando beleza, a questão é que depois que eu passo o responseText
pro elemento eu preciso exibir o elemento novamente e disparar a transição, mais não estou conseguindo fazer funcionar...
Eu ja consegui fazer isso com o .show
e .hide
do jquery mais queria fazer só ativando o 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;
css do elemento
-webkit-transition: 200ms linear all;
-moz-transition: 200ms linear all;
transition: 200ms linear all;
// O problema esta com o this
que esta retornando undefined, mas não sei como solucionar ;s
innerHTML = '<b>Oi, Mundo!</b>'
só para testar.