Hide/show DIVs - change current effect to fade
<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>
