<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var foo = document.getElementById('foo');
foo.addEventListener('transitionEnd', function(e) {
//this.parentNode.removeChild(this);
alert('bingo!')
}, false);
foo.style.opacity = '0';
foo = null;
});
</script>
<style>
#foo {
opacity:1;
-moz-transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-o-transition:opacity 1s linear;
transition:opacity 1s linear;
}
</style>
</head>
<body>
<div id="foo">Foo</div>
</body>
</html>
не работает, даже если проверять на вебките(webkitTransitionEnd), мозилле (mozTransitionEnd) и т.д.