title: JQUERY divs slideUp only once but need to slide continuously
body: <p>Hi i am trying to move the divs up with slideUp. the sliding up the divs happens only once, but i want to repeat this process continuously. below is my code. i am thankful if someone helps me.</p>
  
  <pre><code>function slidUp() {
      var delayMe = 0;
      $("#carousel div").siblings().each(function () {
          delayMe += 8000;
          $(this).delay(delayMe).slideUp(2000, "linear");
          $(this).find("#carousel div:last").after($(this).find("#carousel div:first"));
      }
  
      });
  }
  
  var run = setInterval(slidUp());
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;section id="carousel"&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#carousel {
      height:300px;
  }
  #carousel div {
      width:500px;
      border:1px solid #ccc;
      height:300px;
      position:relative;
  }
  #carousel div:first-child {
      background-color:#e01783;
  }
  #carousel div:nth-child(2) {
      background-color:#ff4e00;
  }
  #carousel div:nth-child(3) {
      background-color:#ffd141;
  }
  #carousel div:nth-child(4) {
      background-color:#6dcb99;
  }
  #carousel div:last-child {
      background-color:#e2b87f;
  }
  </code></pre>