0

クリックしたタイトルに関する詳細情報を含む 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++;
}
4

4 に答える 4