Скрыть div после второй анимации CSS

Question

У меня есть небольшая проблема в моем коде. Я пытаюсь удалить свой текст после второй анимации, которая является первой анимацией в «div.textoe» (текст ввода на странице), а вторая анимация находится в «div.textoee». То, что я хочу сделать, - это очистить текст страницы после второй анимации, но этого не происходит в моем коде, что я делаю неправильно?

$(".textoe").on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){ 
    $('.textoe').addClass('textoee'); 
    $('.textoee').removeClass('textoe'); 
}); 
$(".textoee").on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){ 
    alert('Hide text'); 
}); 

http://jsfiddle.net/w55dN/1/

Answer 1

Вы должны использовать делегирование событий с классом вы хотите предназначаться в связывании добавляется динамически:

$(document).on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', '.textoee' ,function(){ 
    alert('Hide text'); 
});