title: Slide up menu on every image
body: <p>I'm working on an application that stores images and shows them on a page on by one. If you hover an image a menu should slide up with information of the image (title, description, tags etc).</p>
  
  <p>Below is the code I have, but it doesn't work. Is it something wrong in the CSS, or what can it be?</p>
  
  <p>Thanks in advance!</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="post"&gt;
      &lt;img src="image.png" /&gt;
      &lt;div class="postDesc"&gt;
          content goes here...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$('.post').hover(function () {
    $('postDesc').slideToggle('fast');
  });
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.post {
      background: white;
      border: 1px solid black;
      width: 200px;
      height: 200px;
      margin: 0px auto;
      float: left;
      margin-left: 30px;
      margin-bottom: 30px;
      position: relative;
  }
  
  .postDesc { 
      background:#de9a44;
      width:200px; 
      height:200px; 
      display:none; 
      position:absolute;
      left: 0;
      bottom: 0;
  }
  </code></pre>