Desaparecer y aparecer form con eventos onclick

[dagj]

Buenas, tengo un problema tratando de ocultar botones y mostrando otros en funcion al boton elegido, aca el codigo para visualizar mejor:

Código HTML:

<form id="CargarDatos"  name="form1" method="post" action=""  class="Botones" style="width:158px; height:81px; left: 40px; top: 180px;" >
         
      
            <label>
                <input type="button" name="CargarDatos" id="CargarDatos2" value="" onclick="MuOc('CuadroDialogo','CuadroDialogo3','CuadroDialogo2','CuadroDialogo4')" style='width:158px; height:81px;background-image:url(imagenes/Carga_Dat.jpg); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: #999 3px 3px 3px 3px; '   /> 
                
            </label>
        </form>    <!--cierra Boton de Carga de datos-->
 

Ese botón me llama a la función MuOc, una función para mostrar 1 div (el primero que mando por parametro) y ocultar 3 div dependiendo del botón que se accione, eso me funciona bien, sin embargo, necesito agregar una función que me permita desaparecer 3 botones y aparecer 2 mas en su lugar, intente trabajar el form como si fuese un div y el código no me funciono.

Aca les dejo la funcion MuOc

Código HTML:

function MuOc(id, id2, id3, id4){
var oculta = document.getElementById(id); //se define la variable "oculta" igual a nuestro div
var oculta2 = document.getElementById(id2);
var oculta3 = document.getElementById(id3);
var muestra = document.getElementById(id4);
oculta.style.display='none';//damos un atributo display:block que el div
oculta2.style.display='none';   
oculta3.style.display='none';
if ((document.getElementById(id4).style.display) == 'block'){
muestra.style.display ='none';
oculta.style.display ='block'; }
else{
muestra.style.display ='block'  
    }
}
 

[dagj]

Vale, a quien este interesado sobre el tema, aca dejo la funcion que me funciono, al parecer no se puede meclar la funcion que comente antes con esta, asi que al final van separadas pero llamadas por el evento onclick

Código Javascript:

function oculta(btn,btn2,btn3){
var btnoculta = document.getElementById(btn); 
var btnoculta2 = document.getElementById(btn2);
var btnoculta3 = document.getElementById(btn3);
    
if ((document.getElementById(btn).style.display) == 'none' && (document.getElementById(btn2).style.display) == 'none' && (document.getElementById(btn).style.display) == 'none' ){
 
btnoculta.style.display='block'; 
btnoculta2.style.display='block'; 
btnoculta3.style.display='block';
}else{
btnoculta.style.display='none'; 
btnoculta2.style.display='none'; 
btnoculta3.style.display='none';    
    }
}