Show / Hide Form Elements

HTML

<hr /><br />
    
<input class="rdo reveal" type="radio" value="radio1"><span>Radio 1</span>
<input class="rdo reveal"  type="radio" value="radio2"><span>Radio 2</span>
<br /><br />
<div id="radio1" class="hidden">Radio 1</div>
<div id="radio2" class="hidden">Radio 2</div>
    
<hr /><br />

CSS

.hidden { display:none }

JavaScript

$('.rdo.reveal').change(function () {
    var _name = $(this).attr('name');
    $('input[name="' + _name + '"]').each(function () {
        $('#' + this.value).addClass("hidden");
    });
    $('#' + this.value).removeClass("hidden");
});