Hide and show fields based on radio button value

index.html

<p>How would you like to share your file?</p>
<div>
  <div>
    <input type="radio" name="resume" id="upload" value="upload">
    <label for="upload">Upload file</label>
    <div id="reveal-upload">
      <input type="file" accept="file_extension">
    </div>
  </div>
  <div>
    <input type="radio" name="resume" id="link" value="link">
    <label for="link">URL</label>
    <div id="reveal-link">
      <input type="url" placeholder="Please submit your link here">
    </div>
  </div>
  <div>
    <input type="radio" name="resume" id="email" value="email">
    <label for="email">Email</label>
    <div id="reveal-email">
      Please send your file to [email protected]
    </div>
  </div>
</div>

index.js

$(function() {
  var link = $("#reveal-link");
  var upload = $("#reveal-upload");
  var email = $("#reveal-email");

  link.hide();
  upload.hide();
  email.hide();
  
  var previousChecked;
  
  // Select the inputs with the name "resume"
  $("input[name='resume']").change(function() {
  	    
    $elem = $(this);
    
    // Hide the previous selected option
    if (previousChecked) {
    	previousChecked.hide();
    }
    
    switch ($elem.val()) {
    
    	case 'upload':
      	upload.show();
        previousChecked = upload;
        break;
        
      case 'link':
      	link.show();
        previousChecked = link;
        break;
        
      case 'email':
      	email.show();
        previousChecked = email;
        break;
        
      default:
      	previousChecked = undefined;
        email.hide();
        link.hide();
        upload.hide();
    }
  });
});