Preciso criar um formulário, onde as opções INSCRIÇÃO OAB, SEÇÃO e SUBSEÇÃO apareçam apenas se o usuário selecionar ADVOGADO como profissão. Há uma lista pré-definida de profissões. Como faço para que esse bloco (camposAdv) apareça apenas quando ADVOGADO for selecionado?
<div class="form-group col-xs-12">
<label>Profissão<span class="text-danger">*</span></label>
<select id="listaProfissao" name="Usuario.id_pd_Profissao" class="form-control" required>
<option></option>
</select>
</div>
<div class="hidden" id="camposAdv">
<div class="form-group col-xs-12">
<label>Inscrição OAB<span class="text-danger">*</span></label>
<input type="text" id="ds_inscricaoOab" name="usuario.ds_inscricaoOab" maxlength="200" class="form-control" value="@ViewBag.UsuarioCad.ds_inscricaoOab" required>
</div>
<div class="form-group col-xs-12">
<label>Seção<span class="text-danger">*</span></label>
<input type="text" id="ds_secao" name="usuario.ds_secao" maxlength="200" class="form-control" value="@ViewBag.UsuarioCad.ds_secao" required>
</div>
<div class="form-group col-xs-12">
<label>Subseção<span class="text-danger">*</span></label>
<input type="text" id="ds_subsecao" name="usuario.ds_subsecao" maxlength="200" class="form-control" value="@ViewBag.UsuarioCad.ds_subsecao" required>
</div>
</div>