Função Javascript não funciona

[uilmo 0]

Galera é o seguinte, fiz um código para ocultar e mostrar campos de formulários através de script, funcionou, contudo fiz outras modificações, pequenas modificações e não funcionou mais o script, procurei o erro mas não encontrei, coloquei até em sites que testam o código on-line e continuou não funcionando. Será que vocês conseguem me ajudar? Detalhe estou utilizando o código em uma página da plataforma do wordpress, então o código do script está junto com o HTML. Segue o código abaixo:

<script type="text/javascript">
function pessoaSel(){
var pesel = document.getElementById("opt-pf").checked;
if (pesel){
document.getElementById("pf").style.display = "block";
document.getElementById("pj").style.display = "none";
document.getElementById("ER1").style.display = "none";
document.getElementById("ER2").style.display = "none";
}
else{
document.getElementById("pf").style.display = "none";
document.getElementById("pj").style.display = "block";
document.getElementById("ER1").style.display = "block";
document.getElementById("ER2").style.display = "block";
}
}

</script>
<div id="form1">

<form name="solicita"><!-- DADOS PESSOAIS/EMPRESARIAIS-->
<fieldset><legend>Selecione se é pessoa física ou jurídica</legend>
<label for="nome">Física </label></td> <td align="left"><input id="opt-pf" checked="checked" name="pessoa" type="radio" value="fisica" onclick="pessoaSel();"> <label for="nome">Jurídica </label><input id="opt-pj" name="pessoa" type="radio" value="juridica" onclick="pessoaSel();">

<table id= "pf" cellspacing="10">
<tbody>

<tr>
<td><label id="nome">Nome: </label></td>
<td align="left"><input name="nome" type="text" /></td>
</tr>

<tr id="linha1">
<td><label id="labelcpf">CPF:</td>
<td align="left"><input maxlength="9" id="cpf1" name="cpf1" size="9" type="text" /> - <input maxlength="2" id="cpf2" name="cpf2" size="2" type="text" /></label></td>
</tr>
</tbody>
</table>

<table id="pj" cellspacing="12" style="display: none;">
<tbody>
<tr>
<td><label id="nomeemp">Razão Social: </label></td>
<td align="left"><input name="nome" type="text" /></td>
</tr>
<tr id="linha2">
<td><label id="labelcnpj">CNPJ:</td>
<td align="left"><input maxlength="12" id="cnpj" name="cnpj" size="9" type="text" /><label id="texto4"> - </label><input maxlength="2" id="cnpj2" name="cnpj2" size="2" type="text" /></label></td>
</tr>
</tbody>
</table>
</fieldset>


<fieldset> <legend id="ER1" name="er" style="display: none;">Responsável</legend>

<table id="ER2" name="er" cellspacing="10" style="display: none;">
<tbody>

<tr>
<td><label>Nome: </label></td>
<td align="left"><input id="nomere" name="nome" type="text" /></td>
</tr>
<tr>
<td><label>CPF: </label></td>
<td align="left"><input id="cpfre" name="nome" type="text" /></td>
</tr>
<tr>
<td><label for="rua2">Rua:</label></td>
<td align="left"><input name="rua2" type="text" /></td>
<td><label for="numero2">Numero:</label></td>
<td align="left"><input name="numero2" size="4" type="text" /></td>
</tr>

<tr>
<td><label for="bairro2">Bairro: </label></td>
<td align="left"><input name="bairro2" type="text" /></td>
</tr>



<tr>
<td><label for="cidade2">Cidade: </label></td>
<td align="left"><input name="cidade2" type="text" /></td>
</tr>

<tr>
<td><label for="cep3">CEP: </label></td>
<td align="left"><input maxlength="5" name="cep4" size="5" type="text" /> - <input maxlength="3" name="cep5" size="3" type="text" /></td>
</tr>
</tbody>
</table>
<input type="button" value="Enviar" /> <input type="reset" value="Limpar" />
</form>
</div>

[leonardo de andrade baessa 16]

o que de fato não funciona

[uilmo 0]

o que de fato não funciona

A função deixou de funcionar, toda ela. Quando eu clicava na opção pessoa física ou jurídica ela ocultava ao não os campos com a determinada ID para ocultar, como programado na função. Mas como eu disse, depois que fiz uma pequena alteração que foi uns incrementos de campos, ela deixou de funcionar, no entanto não alterei em nada na função e aí esta a forma mais simples do meu código. Mas ao meu ver era para estar funcionando, pois não modifiquei a função. Por isso procurei uma ajuda aqui.

[gabrieldarezzo 255]

plataforma do wordpress,.

As vezes é o encapsulamento do jQuery.

Ajude a gente a te ajudar haha

Abre o console, e fala o erro ai.

Chrome -> Ctrl + Shift + J, da um reload e copie o erro

https://developers.google.com/web/tools/chrome-devtools/javascript/