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 に答える