JSFiddle - React, Tailwind, and code Playground

HTML

<table id="fullTable" border>
<tr><td colspan='2'>Will your dance group have a float or vehicle? ";
Yes: <input name='pc_parade_float' type='radio' id='pc_parade_float' value='1' onChange=showHideRows('vehreg','show') />
No: <input name='pc_parade_float' type='radio' id='pc_parade_float' value='0' onChange=showHideRows('vehreg','hide') checked /></td></tr>
<tr class='vehreg'><td colspan='2' class='vehreg'><strong>Vehicle Registration (deadline April 30, 2013)</strong></td></tr>
<tr class='vehreg'><td colspan='2'> - Many groups bring decorated vehicles into the parade...</td></tr>
</table>

CSS

body { margin:35px 5px; }
tr.vehreg {
    display: none;
}

JavaScript

function showHideRows(clsName, hideshow) {
    var table = document.getElementById('fullTable');
    var rows = table.getElementsByTagName('tr');
    for (var i = 0; i < rows.length; i++) {
        if (rows[i].className != clsName) continue;
        if (hideshow == 'hide') //note: double ==
        {
            rows[i].style.display = 'none';
        }
        else {
            rows[i].style.display = 'table-row'; //note: table-row
        }
    }
}