0

我在网上搜索过，但似乎找不到适合我需要的解决方案。我对 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>

我很乐意详细说明任何不清楚的地方。非常感谢您的时间，谢谢！

4

1 回答 1

0

也许您正在寻找类似 jQuery UI 的效果？ http://jqueryui.com/show/

例子：

$("#hs_fields").show("blind", {}, 500);

于 2013-07-12T14:29:23.240 回答