Eu tenho um formulário com um select com 3 opções "Blank", "Yes" e "No". Eu também tenho uma entrada de texto que faz parte dessa situação.

Meu HTML é o seguinte (Extrair):

<div class="row">
  <div class="col-sm-4 col-md-4">
   <select class="form-control" id="medical" name="medical" onchange=" if(this.value == 'medyes') { document.getElementById('medcon-text').style.display = 'block'; } else { document.getElementById('medcon-text').style.display = 'none';} ">
    <option value="Select an option"></option>
    <option value="medyes">Yes</option>
    <option value="medno">No</option>
   </select>
  </div>
<!--close medical select--> 
</div>
<div class="row">
   <div class="col-sm-12 col-md-12">
     <div id="medcon-text" style="display:none;">
       <label class="control-label">If so please specify:</label>
       <input type="text" class="form-control" id="medicaltext" name="medicaltext" placeholder="Enter your disability or medical condition">
     </div>
   </div>
   <!--close medical condition--> 
 </div>
 <!--close row-->

O jQuery valida o código (extrair):

$("#online-application").validate({


    rules: {
        medical: {
            required: true
        },
        medcon: {
            required: $("#medical").val() == "medyes"
        },
    },

    messages: {
        medical: "Please select an option.",
        medicaltext: "Please enter your medical condition.",
    },

Minha pergunta é: como faço para selecionar um campo obrigatório e, se o valor de seleção for "Yes" / "medyes", então faço com que o medicaltext insira um campo obrigatório. No entanto, se o valor de seleção for não ou em branco, a entrada de texto médico NÃO deve ser necessária.