jquery fadein problem
<p>On my page, I put two divs: nav and contents.
Inside "nav", I have 10 links. Each one called like "link1", "link2",....
Inside "contents", I have 10 contens divs. Each one called ilke "divarea1", "divarea2",....
When I click link, new contents will fadein.
My jquery code is like:</p>

<pre><code>$("#link1").click(function(){
  $("#divarea0,#divarea2,#divarea3,#divarea4,#divarea5,#divarea6,#divarea7,#divarea8,#divarea9,#divarea10").hide();
  $("#divarea1").fadeIn(3000);
});
$("#link2").click(function(){
  $("#divarea0,#divarea1,#divarea3,#divarea4,#divarea5,#divarea6,#divarea7,#divarea8,#divarea9,#divarea10").hide();
  $("#divarea2").fadeIn("fast");
});
</code></pre>

<p>This way works. But I know this is a stupid way. Someone can tell me how to do this in a simple way? thx</p>
