How to "relate" elements
<p>I was wondering how you could "relate" two HTML elements.
For example, let's say a user clicks on a selection item and I want the element "related" to that element disappear.</p>

<pre><code>&lt;div id="game1Selection"&gt;I pick team1&lt;/div&gt;
&lt;div id="game2Selection"&gt;I pick team2&lt;/div&gt;

&lt;div id="game1"&gt;This is game 1&lt;/div&gt;
&lt;div id="game2"&gt;This is game 2&lt;/div&gt;
</code></pre>

<p>What I would want to happen is that when a user selects "game1Selection" that the div "game1" will disappear and the same thing for game2, game3, etc. I know how to do this the long way:</p>

<pre><code>$('#game1Selection').click( function() {
  $('#game1').toggleClass('selected');
});  //selected has the attribute display:none
</code></pre>

<p>How could I make two of them related so I don't have to write it the long way and just use <code>this</code></p>
