[simple]

анимация делается ведь через transition, вот я и вешаю на него ивента и больше я пока незнаю способов. Есть еще какой то способ отлова события завершения? Буду благодарен за помошь. Флаг завершения мне нужен чтобы подменять аватар окна на оригинал когда свертывание анимации завершится, и.т.д. Вот код:

.window {
  position:absolute;
  top:50px;
  left:350px;
  width:580px;
  height:300px;
  background-color:#ecf2fb;
  opacity:1;
  -webkit-transition:all 0.3s ease-in;
}
.minimize {
  -webkit-transition:all 0.3s ease-out;
  opacity:0.5;
top: // переменная
left: // переменная
  width:158px;
  height:27px;
//константа
}

<a onclick="minimize()">Свернуть</a>
<div class="window"></div>
var avatar = document.querySelector('.window');
avatar.addEventListener('transitionend', function () {
   console.log('finish');}, true); // это в консоль выводится 5 раз почему то 
  function minimize() {
      avatar.className = 'window minimize'
};
function restore() {
    avatar.className = 'window';
};