¿Por qué no funciona?

[iEnrique]

Es un simple mostrar y dejar de mostrar div con Javascript, pero no me funciona y encima el div "contendor" aunque lo tengo en display="block"; aparece.

Aquí os dejo los dos códigos:

Código Javascript:

function apagar(){
    var contenedor = document.getElementById("contenedor");
    contenedor.style.display = "none";
  }
  function encender(){
    var contenedor = document.getElementById("contenedor");
    contenedor.style.display = "block";
  }
  function apagarEncender(){;
    var contenedor = document.getElementById("contenedor");
    var boton = document.getElementById("boton");
      if(contenedor.style.display == "block" || contenedor.style.display == ""){
        apagar();
        boton.value = "Encender";
     }else{
        encender();
        boton.value = "Apagar";
     }
  }
 

Código HTML:

<div id="contendor" class="caja" style="display:block;">Hola</div>
        <input type="button" class="green_post" onClick="apagarencender()" value="Apagar"/>