title: Hover image display description
body: <p>I am trying to display description on hover image but when hover on image then all image display description.
  I have the following code....</p>
  
  <pre><code>    &lt;?php if ($product['thumb']) { ?&gt;
      &lt;div class="image"&gt;&lt;a href="&lt;?php echo $product['href']; ?&gt;"&gt;&lt;img src="&lt;?php echo $product['thumb']; ?&gt;" alt="&lt;?php echo $product['name']; ?&gt;" /&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;?php } ?&gt;
  
      &lt;div style="display:none;" class="de"&gt; Nunc ornare adipiscing orci eu consectetur. Ut justo libero, porttitor ac elementum luctus, bland..
  
      &lt;img alt="Based on 2 reviews." src="catalog/view/theme/kid/stars1-4.png"/&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
      $this('.image').hover(function() {
      // mouseOver function
          $('.de').show();
      }, function() {
      // mouseOut function
      $('.de').hide();
      });
      &lt;/script&gt;
  </code></pre>