title: CSS animate remove from DOM
body: <p>I have the following HTML structure:  </p>
  
  <pre><code>&lt;div class="products-container"&gt;
      {foreach from=$cart.products item=product}
    &lt;div class="product"     data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}"&gt;
     ...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I have a javascript that can remove any div <code>.product</code>.<br>
  Is there a way to fade the deleted div out of the DOM to the right and animate the other divs 'moving up to the free space'?</p>