2 Variables en una funcion Javascript

[RodrigoDF]

Hola, tengo un problema a la hora de que trato de poner 2 funciones en Javascript, mi función hace que aparezca un div, lo que yo quería aumentarle era que fuera apareciendo gradulmente, más o menos tenia una idea de como hacerlo con css 'transition-property' y 'transition-duration', i codigo actual es este:

Código:

/* SRCIPT Close/OpenHiddenDiv2 */
function CloseOpenHiddenDiv2(id) {
if (document.getElementById){ //se obtiene el id
var la = document.getElementById(id); //se define la variable "el" igual a nuestro div
la.style.display = (la.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
CloseOpenHiddenDiv2('HiddenDiv2');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
/* SRCIPT Close/OpenHiddenDiv2 */

, por favor solicito su ayuda para añadirle a mi función que el div se vaya mostrando gradualmente. De antemano Gracias.

[IsaBelM]

aquí tienes un código ya montado