title: Automatic Carousel with Dom manipulation
body: <p>I want to change the order of my child divs in the parent div, every 2 seconds with no interactions (rotate by its self if page is loaded:</p>
  <p>First child needs to move to third child, second child needs to move to the first child and the third child needs to move to the second child</p>
  <p>The second and third child should always have the class &quot;small&quot; and when it reach the first child position it should be removed.</p>
  <p>HTML</p>
  <pre><code>     &lt;div class=&quot;inner-testimonial&quot;&gt;        
           &lt;div class=&quot;slide&quot;&gt;
               &lt;h4&gt;Copy here&lt;/h4&gt;
           &lt;/div&gt;
           &lt;div class=&quot;slide small&quot;&gt;
               &lt;h4&gt;Copy here&lt;/h4&gt;
           &lt;/div&gt;
           &lt;div class=&quot;slide small&quot;&gt;
               &lt;h4&gt;Copy here&lt;/h4&gt;
           &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  <p>JQuery</p>
  <pre><code>$(&quot;.inner-testimonial .slide:nth-child(1)&quot;).removeClass('small');
  $(&quot;.inner-testimonial .slide:nth-child(2)&quot;).addClass('small');
  $(&quot;.inner-testimonial .slide:nth-child(3)&quot;).addClass('small');
  </code></pre>
  <p>How can I do this?</p>