title: jQuery animate removes element
body: <p><strong>TL:DR</strong></p>
  <p>Instead of animating height reduction jQuery simply removes one of elements, while properly animating others. Please see fiddle: <a href="https://jsfiddle.net/qyac3v1z/5/" rel="nofollow noreferrer">https://jsfiddle.net/qyac3v1z/5/</a></p>
  <p><strong>Complete version</strong></p>
  <p>I have a horizontaly shaped div which has an embedded div shaped vertically. In the vertical div I have another 2 divs acting as borders. I want to animate it's height reduction to make it to act like a dropdown menu. I have a simple jQuery function to achieve that.</p>
  <pre><code>function maximizeCleaningCard () {
  
      $('.cleaning_card_right_right_border, .cleaning_card_right_left_border').animate({height: 0}, 1000)
      $('.cleaning_card_right').animate({height: 80}, 1000)
      
  }
  </code></pre>
  <p>However, instead of animating <code>.cleaning_card_right_right_border</code> it simply removes it. If I will remove 2nd line <code>$('.cleaning_card_right').animate({height: 80}, 1000)</code> it works perfectly fine. What could be my problem? Please see fiddle for code.</p>