title: jquery mouseover and mouseout
body: <p>Iam just trying to create a product catalog with description hidden. it needs to show when the user hover on it. How to get this work?</p>
  
  <pre><code>&lt;script&gt;
      $("div.template_showcase").hover(function(){
            $("div.app_details").css('margin-top','-154px';); 
      },function(){
  
            $("div.app_details").css('margin-top','-8px';);
          }); 
  &lt;/script&gt;
  
  
  &lt;div class="template_showcase"&gt;
              &lt;a href="#"&gt;&lt;img src="&lt;?php echo get_stylesheet_directory_uri() ?&gt;/images/templates/review.png" /&gt;
              &lt;div class="app_details"&gt;
              &lt;span class="paratitle"&gt;Review&lt;/span&gt;
              &lt;span class="para"&gt;
              Turn your jumbo in to a review site
              &lt;/span&gt;
              &lt;span class="addbutton"&gt;Add to Jumbo&lt;/span&gt;
              &lt;/div&gt;
              &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>