De manera lenta claro que se puede, pero de ahí a que eso lo veas como bonito y artístico ya es otra cosa, talvez no te convenza, pero es lo que se puede hacer. Si quieres hacer de tu web un arte pues hazlo con flash.
Ahora como se hace lentamente? mejor olvidalo, es complicado, te doy el código para que desaparezca y aparezca el otro así de frente. A decir verdad eso a nadie le molestará excepto a ti.
En primer lugar debes definir un evento. Eso lo definiste sería algo así:
Código:
var txt = document.getElementById('contenedor', 'input')[0];
var sel = document.getElementById('contenedor', 'select')[0];
ide = 'idElemento'; // Este es el id que debes definir
if (this.value == "Ingresar Nueva opcion") {
txt.style.display = 'none';
txt.id = '';
txt.name = '';
sel.style.display = 'inline';
sel.id = ide;
sel.name = ide;
} else {
sel.style.display = 'none';
sel.id = '';
sel.name = '';
txt.style.display = 'inline';
txt.id = ide;
txt.name = ide;
}
Primero inténtalo de esta manera si te sale tal vez haga el código para hacerlo aparecer y desparecer lentamente. Digo "tal vez" porque la verdad no le veo objeto, es tan poca cosa un input o un select que el efecto sería un esfuerzo demasiado grande para tan poco espectáculo. Suerte!