title: Hide/show DIVs - change current effect to fade
body: <p>I'm currently using the code below found on web tutorial to show/hide DIVs. It works great but don't like the effect. Would like the DIVs to fade in / fade out instead (or something smoother, for the moment the DIVs are growing from the top-right corner). How could I adapt the code to do this? Youc ans ee it here <a href="http://jsfiddle.net/Grek/w4HWn/1/" rel="nofollow">http://jsfiddle.net/Grek/w4HWn/1/</a> Many thanks</p>
  
  <pre><code>function showonlyone(thechosenone) {
       $('.textzone').each(function(index) {
            if ($(this).attr("id") == thechosenone) {
                 $(this).show(2000);
            }
            else {
                 $(this).hide(2000);
            }
       });
  }
  </code></pre>