title: animating html elements - flexslider
body: <p>How do i animate html elements on each slide of flexslider after the animations of slides. Searched the internet for hours. Could not find any tutorial or something that can help.  Couldsomeone show me and example of how to do it. <a href="http://jsfiddle.net/YvsVp/3/" rel="nofollow">Link to jsfiddle</a></p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="flexslider"&gt;
    &lt;ul class="slides"&gt;
      &lt;li&gt;
        &lt;img src="http://placehold.it/350x150"&gt;
            &lt;div&gt;&lt;h1&gt;heading&lt;/h1&gt;&lt;/div&gt;
            &lt;div&gt;&lt;h2&gt;heading&lt;/h2&gt;&lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="http://placehold.it/350x150"&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="http://placehold.it/350x150"&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="http://placehold.it/350x150"&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>js</strong></p>
  
  <pre><code>$('.flexslider').flexslider({
      animation: "slide"
    });
  
  $("div h1").fadeIn(3000);
  $("div h2").animate({left:'250px'});
  </code></pre>