title: jQuery Adding Fade In/Out
body: <p>I have a small gallery of thumbs that when one is clicked it swaps out the main image contained in the div #main_img. The code below is working.</p>
  
  <pre><code>$("#thumbs a").click(function(){
      $("#main_image").html($("&lt;img&gt;").attr("src",this.href));
      return false;
  });
  
      &lt;div id="main_image" class="main_image_style"&gt;&lt;img  id="main_pic" src="images/prod_smallpearl.jpg" alt""  /&gt;&lt;/div&gt;
  
      &lt;div id="thumbs"&gt;&lt;a href="images/prod_smallpearl.jpg"&gt;&lt;img src="images/icon_smallpearl.png" alt=" " /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to add a fade in/out. I've tried all sorts of different things but I'm new to jQuery and I'm spinning my wheels. Thanks for any help.</p>