Show hide divs based on radio selection

Show hide divs based on radio selection

  1. $(function() {     
  2.       $("input[name='cst']").change(function(){
  3.             var ChoiceSelected = $("input[name='cst']").val;
  4.              window.alert(ChoiceSelected);             
  5.             if (ChoiceSelected === 'CourseName')
  6.             {
  7.                   $('#CourseChoiceName').addClass('show').removeClass('hide');
  8.                   $('#CourseChoiceNumber').addClass('hide').removeClass('show');
  9.             }
  10.             else (ChoiceSelected === 'CourseID')
  11.             {
  12.                   $('#CourseChoiceNumber').addClass('show').removeClass('hide');
  13.                   $('#CourseChoiceName').addClass('hide').removeClass('show');
  14.             }
  15.       });
  16. });

I can get it to change once but not back an forth based on what the user selects.