title: Animations - jQuery - fadeInUp with delay
body: <p>I have a set of posts that I'm trying to fadeInUp one by one. They are in masonry in my actual example, so this would give the effect of them locking together. Like the posts here essentially: <a href="https://undsgn.com/uncode/blog/blog-full-width-masonry/" rel="nofollow noreferrer">https://undsgn.com/uncode/blog/blog-full-width-masonry/</a></p>
  
  <p>So for the example I've put together a JSFiddle: <a href="https://jsfiddle.net/shan_2000_uk/xpvt214o/782821/" rel="nofollow noreferrer">enter link description here</a></p>
  
  <p>Which contains:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"&gt;
  
  &lt;div class="fade-in-post-container"&gt;
    &lt;div class="elementor-post"&gt;Post&lt;/div&gt;
    &lt;div class="elementor-post"&gt;Post&lt;/div&gt;
    &lt;div class="elementor-post"&gt;Post&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.elementor-post {
    padding:20px 30px;
    display:inline-block;
    text-align:centre;
    background:red;
  }
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>jQuery('.fade-in-post-container .elementor-post').addClass('animated fadeInUp');
  </code></pre>
  
  <p>So, as you can probably see, I'm using the .css library Animate.css and I'm using jQuery to find an element and apply the requires .animate .effect classes to it.</p>
  
  <p>This works great so far, but as you can see from the JSFiddle they all fade in at once, instead of one by one and interlocking...</p>
  
  <p>I thought about utilising this somehow:</p>
  
  <pre><code>.each(function(i) {
  jQuery(this).delay(250 * i)
  </code></pre>
  
  <p>Which would be OK if I could use jQuery animations perhaps? But I guess this might just apply the class to the elements one at a time, I tried it, and it doesn't work...</p>
  
  <p>I've also tried creating the whole effect with jQuery fadeIn or Animations, but I'm finding it really difficult to find a workable solution...</p>