foreach radio button show more info
<p>I am trying to make for each radio button, when it is clicked on to show the div with more infos about that clicked title, when another radio button is clicked then the to show info about that radio button and hide the other one that was clicked on:</p>

<p>HTML:</p>

<pre><code>&lt;input type="radio" id="1" /&gt;
&lt;div class="event1"&gt;
 content..
&lt;/div&gt;

&lt;input type="radio" id="2" /&gt;
&lt;div class="event2"&gt;
 content..
&lt;/div&gt;

&lt;input type="radio" id="3" /&gt;
&lt;div class="event3"&gt;
 content..
&lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>var i = 1;
while(i &lt; 10) {
$('.event' + i).hide();
    $("#" + i).click(function() {
        $('.event' + i).show();
    });
i++;
}
</code></pre>
