Habilitar campo após seleção

Olá amigos

Tenho um formulário onde de acordo com o valor selecionado de certo campo, alguns campos são selecionados.

Está funcionando quase perfeitamente. O problema é o seguinte:

Ao selecionar o CAMPO_1 me abre o CAMPO_2 e até aí tudo bem. O que preciso agora é que dependendo da condição do CAMPO_2 selecionada, seja mostrado o CAMPO_3, ou seja, o CAMPO_2 é mostrado se o campo_1 tiver certa condição e também habilita o campo_3 se certa condição for selecionada.

Meu javascript

<script type="text/javascript">
 if (document.getElementById("campo_1").value =="Sim") {
 document.getElementById("campo_2").style.display="block";
 }
 else {
 document.getElementById("campo_2").style.display="none";
 }
}

function habil_cat() {
 if (document.getElementById("campo_2").value =="Sim") {
 document.getElementById("campo_3").style.display="block";
 }
 else {
 document.getElementById("campo_3").style.display="none";
 }

}
</script>

Meus campos

<select class="form-control" id="campo_1" name="campo_1" onchange="habilitar_campo()">

<select class="form-control" id="campo_2" name="campo_2" onchange="habil_cat()">

<select class="form-control" id="campo_3" name="campo_3">

O campo_3 não está abrindo ao selecionar a condição exigida no campo_2. O que há de errado?

Desde já agradeço pela colaboração