$(document).ready(function() { $('#ExperienceYes').click(function() { $('#EmploymentDiv').show('fast'); }); $('#ExperienceNo').click(function() { $('#EmploymentDiv').hide('fast'); }); }); $(document).ready(function() { $('#permanentYes').click(function() { $('#HKID').show('fast'); $('#needVisa').hide('fast'); }); $('#permanentNo').click(function() { $('#needVisa').show('fast'); $('#HKID').hide('fast'); }); }); $(document).ready(function() { $('#visaYes').click(function() { $('#visaExpiry').hide('fast'); }); $('#visaNo').click(function() { $('#visaExpiry').show('fast'); }); }); $(document).ready(function() { $('#ExamTakenYes').click(function() { $('#ExamTaken-Yes').show('fast'); }); $('#ExamTakenNo').click(function() { $('#ExamTaken-Yes').hide('fast'); }); }); $(document).ready(function() { $('#OtherDetail-1-Yes').click(function() { $('#Pariticulars-1').show('fast'); }); $('#OtherDetail-1-No').click(function() { $('#Pariticulars-1').hide('fast'); }); }); $(document).ready(function() { $('#OtherDetail-2-Yes').click(function() { $('#Pariticulars-2').show('fast'); }); $('#OtherDetail-2-No').click(function() { $('#Pariticulars-2').hide('fast'); }); }); $(document).ready(function() { $('#OtherDetail-3-Yes').click(function() { $('#Pariticulars-3').show('fast'); }); $('#OtherDetail-3-No').click(function() { $('#Pariticulars-3').hide('fast'); }); }); $(document).ready(function() { $('#OtherDetail-4-Yes').click(function() { $('#Pariticulars-4').show('fast'); }); $('#OtherDetail-4-No').click(function() { $('#Pariticulars-4').hide('fast'); }); }); $('#Vacancy-Box').change(function() { if ($(this).val() == 'UniWeb') { // or this.value == 'volvo' $('#vacancyUni').show('fast'); } else { $('#vacancyUni').hide('fast'); } }); $('#Vacancy-Box').change(function() { if ($(this).val() == 'ReferredByEmployee') { // or this.value == 'volvo' $('#vacancyEmployee').show('fast'); } else { $('#vacancyEmployee').hide('fast'); } }); $('#Vacancy-Box').change(function() { if ($(this).val() == 'ReferredByOther') { // or this.value == 'volvo' $('#vacancyOther').show('fast'); } else { $('#vacancyOther').hide('fast'); } }); $('#Availability-Box').change(function() { if ($(this).val() == 'AvailabilityOther') { // or this.value == 'volvo' $('#AvailabilityOtherInput').show('fast'); } else { $('#AvailabilityOtherInput').hide('fast'); } });