hacer fade in fade out en javascript

[mensajeescrito]

Por favor alguien me podría decir que tendría que poner en el siguiente código para hacer un fade in y out .

Pues hace uno o dos días puse un post preguntando esto mismo, me remitieron un tutorial que entendí perfectamente y pude reproducir los ejemplos en mi ordenador.

Pero no se como implementar el fade in y fade out en mi código javascript por que no tengo conocimientos suficientes.

(en que me vi ya para que mi javascript funcionara ya en su día uffff).

Si alguien me pudiera ayudar les estaría muy agradecido.

Este es el código, un saludo a todos.

Código Javascript:

function verOpcion(opcion) {
                    ocultarOpcion();
                    var opcs = document.querySelectorAll(".contenido." + opcion);
                    for(var i=0, length=opcs.length; i<length; i++) {
                     var opc = opcs[i];
                     opc.style.visibility = "visible";               
                   }
                 }
                         
             
             
                 function ocultarOpcion() {
                   var opcs = document.querySelectorAll(".contenido");
                   for(var i=0, length=opcs.length; i<length; i++) {
                     var opc = opcs[i];
                     opc.style.visibility = "hidden";
                   }
                 }
                                             
                 
                 
                function ocultarOpciones(cual) {
                    
                   var elElemento=document.getElementById(cual);
                   if(elElemento.style.display == 'none') {
                      elElemento.style.display = 'block';
                   }
                }