jQuery show() | hide()

Buenos días a todos, estoy empezando a estudiar un poco de jQuery y haciendo una prueba con las funciones show() y hide() se me presenta un problema…

tengo una capara centrada en la página y con 2 botones quiero q desaparezca y aparezca al clicar en estos botones
el problema lo tengo q nada más q le doy al boton de desaparecer lo q me hace es colocar el div arriba y a la izquierda y entonces empieza a desaparecer; pero lo q yo quiero es q el efecto me lo haga donde yo tengo posicionada la capa, q es en el centro
Q es lo q tengo q hacer para q no me mueva el div?

saludos y muchas gracias