Ajuda com div oculta/mostra se formulário for preechido

Validei os campos porém não aparece a div mesmo validando os campos. Qual o problema?

function optionCheck3(){

	var RegExp = /^[\d]{3}\.[\d]{3}\.[\d]{3}\-[\d]{2}$/;

	var optnomeResp = document.getElementById("nomeResp").value;
	var optCPFResp = document.getElementById("CPFResp").value;
	var sexoResp = document.getElementById("sexoResp");
	var optSexoResp = sexoResp.options[sexoResp.selectedIndex].value;

	if ( (optnomeResp != "")&&(optCPFResp != "")&&(optSexoResp == "Escolha") ){
 if (optnomeResp.length < 3){
 $('#erroNomeResp').fadeIn('slow');
 return false;
 } else if (RegExp.test(optCPFResp) != true) {
 $('#erroCPFResp').fadeIn('slow');
 return false;
 } else if (optSexoResp == "Escolha") {
 $('#erroSexoResp').fadeIn('slow');
 return false;
 } else {
 document.getElementById("hiddenDivPac_1s").style.display ="table";
 document.getElementById("hiddenDivPac_ini1s").style.display ="none";
 }
	} else {
 document.getElementById("hiddenDivPac_1s").style.display ="none";
 document.getElementById("hiddenDivPac_ini1s").style.display ="table";
	}
}

<div class="form-group col-md-12 fieldsetResp">
	<label class="col-sm-12">Dados do Responsável</label>
	<div class="col-md-12">
 <div class="form-group ">
 <label>Nome</label>
 <input type="text" class="form-control" name="nomeResp" id="nomeResp" placeholder="Nome completo" required onfocus="apagarErro()" onchange="optionCheck3()"/>
 <code class="erroValid" id="erroNomeResp">Precisa preencher o NOME completo</code>
 </div>
 <div class="form-group ">
 <label>CPF</label>
 <input type="text" class="form-control cpf" name="CPFResp" id="CPFResp" placeholder="CPF" required onfocus="apagarErro()" onchange="optionCheck3()"/>
 <code class="erroValid" id="erroCPFResp">O campo CPF é inválido (somente números)</code>
 </div>
 <div class="form-group">
 <label>Sexo</label>
 <select name="sexoResp" id="sexoResp" class="form-control" required onfocus="apagarErro()" onchange="optionCheck3()"/>
 <option value="Escolha">Escolha uma opção</option>
 <option value="M">Masculino</option>
 <option value="F">Feminino</option>
 </select>
 <code class="erroValid" id="erroSexoResp">Escolha uma opção</code>
 </div>
 <div class="form-group">
 <label>Data de Nascimento</label>
 <input type="text" class="form-control date" name="nascimento_Resp" id="nascimento_Resp" placeholder="Data de Nascimento" required />
 <code class="erroValid" id="erroNasc_resp">O campo nascimento é inválido (somente números)</code>
 </div>
 <div class="form-group ">
 <label>Telefone de contato</label>
 <input type="text" class="form-control sp_celphones" name="fone" id="fone" placeholder="Telefone com DDD"/>
 </div>
	</div>
</div>
<div class="form-group" style="width:100%;" id="hiddenDivPac_ini1s">
	<!-- DIV inicial -->
</div>
<div class="form-group" style="width:100%; display:none;" id="hiddenDivPac_1s">
	<!-- DIV que deveria aparecer se todos os campos forem preenchidos -->
	<hr/>
	<ul class="list-inline pull-right">
 <li><a href="#step2" data-toggle="tab" class="btn btn-default prev-step" aria-controls="step2" role="tab" style="color: #000 !important;">
 Voltar
 </a></li>
 <li><a href="#step5" data-toggle="tab" class="btn btn-primary next-step" aria-controls="step5" role="tab" style="color: #fff !important;">
 Avançar
 </a></li>
	</ul>
</div>

	As mensagens de erro aparecem, mas a div "hiddenDivPac_1s" não.

	Porque? Já tentei de tudo...