クリックしたタイトルに関する詳細情報を含む div を表示するためにクリックしたときに、各ラジオ ボタンを作成しようとしています。別のラジオ ボタンをクリックすると、そのラジオ ボタンに関する情報が表示され、クリックされた他のラジオ ボタンが非表示になります。の上:
HTML:
<input type="radio" id="1" />
<div class="event1">
content..
</div>
<input type="radio" id="2" />
<div class="event2">
content..
</div>
<input type="radio" id="3" />
<div class="event3">
content..
</div>
jQuery:
var i = 1;
while(i < 10) {
$('.event' + i).hide();
$("#" + i).click(function() {
$('.event' + i).show();
});
i++;
}