title: Show one div and hide others on clicking a link
body: <p>I have a list with 37 links and 37 hidden divs with some text. The counter starts with 3 and ends with 40. What I would like to do is to display a div when I click a link and also hide all the other divs. </p>
  
  <p>Links look like this:</p>
  
  <pre><code>&lt;a href="#" rel="week_3"&gt;Week 3&lt;/a&gt;
  &lt;a href="#" rel="week_4"&gt;Week 4&lt;/a&gt;
  </code></pre>
  
  <p>Divs look like this:</p>
  
  <pre><code>&lt;div id="week_3" style="display: none"&gt;[...]&lt;/div&gt;
  &lt;div id="week_4" style="display: none"&gt;[...]&lt;/div&gt;
  </code></pre>
  
  <p>I would like to perform this task using jQuery. What I don't know how to do is make a loop and check if any of those links have been clicked. </p>