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

[vesper_metal90]

No te ahogues en un vaso de agua

Mira estos link

http://api.jquery.com/fadeIn/

o tal vez te sirva este

http://api.jquery.com/toggle/

[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.