codigo fade in face out a falta de un detalle

[mensajeescrito]

Hola buenas veran tengo el siguiente codigo javascript que me hace mediante fade in y fade out que me aparezca y desaparezca un div

Código Javascript:

$(document.body).click(function verOpcion(opcion) {
                  $(".contenido").fadeIn("slow");
                });
 
 
 
                $(document.body).click(function verOpcion(opcion) {
                  $(".contenido").fadeOut("slow");
                });
 

el problema es que cuando hago click en un boton para que me aparezca mediante fade in el div , al segundo de aparecer el div me hace el fade out y me desaparece (to seguido)

supongo que entre medias del codigo que he puesto aqui en el post tendria que poner algo para que no se ejecuten seguidas las dos funciones pero como no se javascript no se que debo poner .

Si alguien me pudiera ayudar les estaria muy agradecido.

[oms02]

Hola mensajeescrito.

Prueba con esto; creo que es lo que estas buscando:

Código Javascript:

$('#selector_de_tu_boton').click(function() {
$(".contenido").fadeToggle("slow");
});
 

Por si quieres mas informacion, aqui lo tienes bastante bien explicado.

Un saludo!