mostrar y ocultar graficos con boton jquery

Buen día, disculpen la molestia nuevamente pero tengo el siguietne problema, hice este codigo:

Código Javascript :

$(document).ready(function(){
$("#button").click(function(){
$("#accordion").hide("slow");
});
$("#button").click(function(){
$("#accordion").show("slow");
});
});

para que al presionar un boton se muestre o se oculte un objeto que hice, el problema es que al momento de presionar el boton el objeto se oculta pero inmediatamente despues se muestra, alguien me podría indicar si me falta algo en mi codigo? por favor, de antemano muchas gracias.

Veamos, #button es un único elemento en la página. Lo que haces es asignar a ese elemento una función que se ejecuta en el onClick y luego le asignas otra función al mismo evento del mismo elemento. El resultado es que cuando se hace clic se ejecutan ambas funciones, una detrás de la otra, tal como aparecen en el código fuente.

Evidentemente eso no es lo que quieres.

Puedes hacer una de dos cosas: usar una bandera que lleve la cuenta del estado en el que está el elemento (escondido / no escondido). O, ya que estás usando JQuery, usar el método toggle():

Código Javascript :

$(document).ready(function(){
$("#button").click(function(){
$("#accordion").toggle("slow");
});
});

eso era justo lo que queria que hiciera pero no conocia esa funcion toggle, eres muy amabel