Show hide divs based on radio selection
- $(function() {
- $("input[name='cst']").change(function(){
- var ChoiceSelected = $("input[name='cst']").val;
- window.alert(ChoiceSelected);
- if (ChoiceSelected === 'CourseName')
- {
- $('#CourseChoiceName').addClass('show').removeClass('hide');
- $('#CourseChoiceNumber').addClass('hide').removeClass('show');
- }
- else (ChoiceSelected === 'CourseID')
- {
- $('#CourseChoiceNumber').addClass('show').removeClass('hide');
- $('#CourseChoiceName').addClass('hide').removeClass('show');
- }
- });
- });
I can get it to change once but not back an forth based on what the user selects.