我在网上搜索过，但似乎找不到适合我需要的解决方案。我对 jquery/javascript 还很陌生，但我认为我想做的事情很简单。
我有 2 个单选按钮，用户可以选择，根据选择，显示附加输入字段（包含在字段集中）。这很好用，但我想通过让它看起来平滑过渡来“美化它”。
目前，这就是我正在做的
HTML：
<label for='student_type'>Freshman or Transfer Student</label><br />
<input type="radio" name="student_type" value="freshman" onclick="show_hs();">Freshman
<input type="radio" name="student_type" value="transfer" onclick="show_college();">Transfer Student<br />
<fieldset id="hs_fields" style="display: none;">
<!--MY INPUTS-->
</fieldset>
<fieldset id="college_fields" style="display: none;">
<!--MY INPUTS-->
</fieldset>
JavaScript：
<script>
function show_hs()
{
document.getElementById('hs_fields').style.display = 'block';
hide_college();
}
function hide_hs()
{
document.getElementById('hs_fields').style.display = 'none';
}
function show_college()
{
document.getElementById('college_fields').style.display = 'block';
hide_hs();
}
function hide_college()
{
document.getElementById('college_fields').style.display = 'none';
}
</script>
我很乐意详细说明任何不清楚的地方。非常感谢您的时间，谢谢！