hacer fade in fade out en javascript

[mensajeescrito]

Muchas gracias amigo, me he leído ya los tutoriales y se como hacer ya el fade in y out .

Pero no se como implementarlo aquí por mas pruebas que hago no me sale , se que es fácil.

Llevo ya dos días y no consigo que funcione.

Pero como no tengo conocimiento de javascript por eso necesito ayuda , se que es algo sencillo.

Si pudieran ayudarme les estaría muy agradecido.

El tema esta en que necesito implementar lo del fade in fade out en este código:

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";
            }
            }
 

Y lo único que se me ocurre seria esto ( pero se que esta mal codificado por que no se javascript helpppp!!!:

Pero mira se podría adaptar este código :

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";
}
}
 

y añadiéndolo el fade in quedando así? , es decir estaría bien echo si quedara así?

Código Javascript:

function verOpcion(opcion) {
ocultarOpcion();
var opcs = $(".contenido." + opcion).fadeIn("slow");
for(var i=0, length=opcs.length; i<length; i++) {
var opc = opcs[i];
opc.style.visibility = "visible";   
}
}
 

muchas gracias de antemano.