Плавный переход на поле с использованием выбора переключателя

Я искал по всей сети, но я не могу найти решение, которое соответствует моим потребностям. Я новичок в jquery/javascript, но я думаю, что то, что я пытаюсь сделать, довольно просто.

У меня есть 2 переключателя, которые пользователь может выбрать, в зависимости от выбора, отображаются дополнительные поля ввода (содержащиеся в наборе полей). Это отлично работает, но я хотел бы "сделать это очень хорошо", создав его с плавным переходом.

В настоящее время это то, что я делаю

HTML:

<label for="student_type">Freshman or Transfer Student</label>
Freshman
Transfer Student

JavaScript:

Я буду очень рад рассказать о чем-то непонятном. Ваше время очень ценится, спасибо!

1 ответ

Возможно, вы ищете что-то вроде эффектов jQuery UI? http://jqueryui.com/show/

Пример:

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

licensed under cc by-sa 3.0 with attribution.