title: DIV won't move down with jQuery
body: <p>I've got two big DIVs under each other. In these DIVs are two smaller ones. The first one is always visible and the second one should slideDown with jQuery when clicked on the first one. Well, it does slide down, but it doesn't move the next big DIV located under itself.</p>
  
  <p>In code it looks kinda like this:</p>
  
  <pre><code>&lt;div class="big"&gt;
   &lt;div class="small_up"&gt;
   &lt;/div&gt;
   &lt;div class="small_down"&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="big"&gt;
   &lt;div class="small_up"&gt;
   &lt;/div&gt;
   &lt;div class="small_down"&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>In those "small" DIVs are more, absolute positioned DIVs.</p>
  
  <p>In case you want to see the whole, real code:</p>
  
  <pre><code>&lt;div class="post post-texts" status="closed"&gt;
      &lt;div class="post-top"&gt;
          &lt;div class="avatar"&gt;&lt;img src="img/avatar.png"&gt;&lt;/div&gt;
          &lt;a href="http://parislemon.com/post/15604811641/why-i-hate-android" class="quote" target="empty"&gt;
              &lt;div class="quote"&gt;
                  »I hate Android for the same reason that Severus Snape hates Harry Potter - the very sight reminds me of something so beautiful, that was taken. Except it’s worse. It’s as if Harry Potter has grown up to become Voldemort. «
              &lt;/div&gt;
          &lt;/a&gt;
          &lt;div class="buttons"&gt;
              &lt;img class="recite" src="img/recite.png" /&gt;
              &lt;img class="like" src="img/like.png" /&gt;
              &lt;img class="facebook" src="img/facebook.png" /&gt;
              &lt;img class="twitter" src="img/twitter.png" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="post-bottom"&gt;
              &lt;div class="post-stats" &gt;
                  &lt;div class="recite-counter"&gt;15&lt;/div&gt;
                  &lt;p class="recite-counter-text"&gt;Recites&lt;/p&gt;
                  &lt;div class="like-counter"&gt;36&lt;/div&gt;
                  &lt;p class="like-counter-text"&gt;Likes&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="comments comments-texts"&gt;
                  &lt;div class="single-comment"&gt;
                      &lt;div class="avatar-comment"&gt;&lt;img src="img/avatar-comment.png" /&gt;&lt;/div&gt;
                      &lt;div class="comment-content"&gt;
                      Patrick -
                      &lt;span class="comment"&gt;Lorem ipsum dolor sit amet, consetetur  At vero eos et accusam et just At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.o duo dolores et ea rebum. Stet clita kasd gubergren. sadipscing elitr, sed diam nonumy eirmod tempor.  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="comment-time"&gt;
                          about 10 minutes ago
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="single-comment"&gt;
                      &lt;div class="avatar-comment"&gt;&lt;img src="img/avatar-comment.png" /&gt;&lt;/div&gt;
                      &lt;div class="comment-content"&gt;
                      Patrick -
                      &lt;span class="comment"&gt;stfu&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="comment-time"&gt;
                          about 5 minutes ago
                      &lt;/div&gt;
                  &lt;/div&gt;      
              &lt;div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>jQuery:</p>
  
  <pre><code>$('div.post').click(function() {
      $('div.post-bottom').slideDown(500);
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div.timeline {
      position: absolute;
      top: 420px;
      left: 50%;
      margin-left: -425px;
      width: 850px;
  }
  div.post {
      position: relative;
      height: 170px;
      width: 850px;
      margin-bottom: 10px;
  }
  div.post-texts {
      background-color: #196074;
  }
  div.avatar {
      position: absolute;
      left: 20px;
      top: 20px;
      width: 110px;
      height: 110px;
  }
  div.quote {
      position: absolute;
      left: 150px;
      top: 17px;
      width: 650px;
      font-family: DroidSans;
      font-size: 16px;
      color: #fff;
      line-height: 23px;
  }
  div.buttons {
      position: absolute;
      top: 135px;
      left: 20px;
      height: 20px;
      width: 110px;
  }
  div.post-bottom {
      position: relative;
      top: 170px;
      width: 853px;
      display: none;
  }
  div.post-stats {
      position: relative;
      width: 426px;
      background-color: #196074;
      padding: 50px 0px 50px 20px;
  }
  div.recite-counter, div.like-counter {
      height: 25px;
      width: 35px;
      border-radius: 20px;
      text-align: center;
      font-family: DroidSansBold;
      font-size: 14px;
      color: #196074;
      padding-top: 9px;
      background-color: #fff;
  }
  div.like-counter {
      margin-top: 20px;
  }
  
  
  div.comments {
      position: absolute;
      top: 0px;
      left: 426px;
      width: 427px;
      /* border-left: 3px solid #fff; */
  }
  div.comments-texts {
      background-color: #196074;
  }
  div.single-comment {
      width: 400px;
      min-height: 55px;
      margin-bottom: 1px;
  }
  div.avatar-comment {
      position: absolute;
      margin: 10px;
  }
  div.comment-content {
      font-family: DroidSansBold;
      font-size: 12px;;
      padding: 9px 5px 10px 53px;
      line-height: 15px;
      color: #fff;
  }
  div.comment-time {
      font-family: DroidSans;
      font-size: 12px;
      color: #fff;
      padding: 0px 0px 10px 53px;
  }
  </code></pre>
  
  <p>Shortly: The DIV above slides over the one which is under this DIV. The DIV under it should just slide down too.</p>