title: Jquery Increase div size on hover?
body: <p>How to increase the div size on hover? Every div have the same class name, it's created dynamically. I tried this code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('.resultitem').bind('mouseover', function() {
      $(this).addClass('hovers');
      $('.resultitem').not('.hover').css({ opacity: 0.3 });
  });
  $('.resultitem').bind('mouseout', function() {
      $('.resultitem').removeClass('hovers').fadeTo('normal',1);
  });
  &lt;/script&gt;
  
  &lt;style type="text/css"&gt;
  .hovers {
      width:300px;
      height:400px;
  }
  img.hovers {
      width:300px;
      height:300px;
  }
  &lt;/style&gt; 
  </code></pre>
  
  <p>It changes the alignment of other div?</p>