title: CSS Animation, working adding class, but not removing the class
body: <p>I've got this keyframe</p>
  
  <pre><code>@keyframes jump {
    25% {
      transform: translate3d(0, 0px, 0);
    }
    75% {
      transform: translate3d(0, 10em, 0);
    }
    100% {
      transform: translate3d(0, 17.5em, 0);
    }
  }
  </code></pre>
  
  <p>Then I have this class</p>
  
  <pre><code>.close.form_open {
    animation: jump .5s forwards linear;
    -webkit-animation: jump .5s forwards linear;
  }
  </code></pre>
  
  <p>I'm adding the class form_open with jQuery and when the class is added the animation is working properly, but when I remove the class (with jQuery), it doesn't show the animation. The element goes to the right position, but without any animation.
  What am I missing?
  My class close is empty</p>
  
  <pre><code>.close {
  
  }
  </code></pre>
  
  <p>Thank you very much</p>
  
  <p><strong>UPDATE:</strong>  Added fiddle
  <a href="https://jsfiddle.net/Bernardao/f2gwozgk/" rel="nofollow">Demo</a></p>