title: SlideToggle div over content
body: <p>I have 2 <code>div</code>s. In each div I have some content and also another div thats by default hidden and is relative positioned on top of the content. When I hover over the div I want the hidden div to slide up. What I tried isn't working for me.</p>
  
  <p>code.. Ill just show part of it, since both divs are the same.
  HTML: </p>
  
  <pre><code>&lt;div class="youtube"&gt;
      &lt;h1&gt; Youtube &lt;/h1&gt;
      &lt;span&gt;&lt;/span&gt;
      &lt;div class="yt-desc"&gt;
       &lt;p&gt;
          Pellentesque habitant morbi tristique senectus et
          netus et malesuada fames ac turpis egestas.
          Pellentesque habitant morbi tristique senectus et
          netus et malesuada fames ac turpis egestas.
        &lt;/p&gt;
      &lt;/div&gt;&lt;!-- // .yt-desc --&gt;  
    &lt;/div&gt; &lt;!-- // .youtube --&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <p>Heres the css for one,the <code>.forums</code> is exactly the same. I took out the unneeded css.</p>
  
  <pre><code>.youtube, .forums { background: #3c3c3c url(../images/boxes-bg.jpg) repeat-x;  float: left; position: relative; z-index: -1; width: 260px; }
  .youtube h1, .forums h1 { text-indent: -9999px; margin: 26px auto; }
  .youtube { margin: 0 216px 0 0; }
  .youtube h1 { background: url(../images/yt-header.png) no-repeat; height: 36px; margin: 21px; auto; width: 212px; }
  .youtube span { background: url(../images/icons/youtube.png) no-repeat; display: block; height: 75px; margin: 26px auto; width: 79px; }
  
  .youtube .yt-desc, .forums .forums-desc {  position: absolute; top: 94px; left: 0px; padding: 5px; display: none; }
  </code></pre>
  
  <p>yt-desc is what i'm trying to get to slideup. But for some reason its not working.</p>
  
  <p>Ive tried.</p>
  
  <pre><code>$(".youtube").hover(function () {
    $(".yt-desc").slideToggle("fast");
  });
  </code></pre>
  
  <p>Still no luck. Can anybody help? :/ Heres an idea of what i'm trying to get -
  <img src="https://i.stack.imgur.com/qw0re.png" alt="alt text"></p>