como mover divs al pulsar boton

[sbcuervo]

Hola a todos, estoy comenzando con un curso html y estoy cual pulpo en un garaje.
Estoy preparando una web poco a poco con lo que voy aprendiendo, se me ocurrio poner como intro a la web una imagen centrada en la pagina que al pulsar el boton entrar se divida en dos, una parte subiria hacia arriba dejando a la vista solo una pequeña parte y la otra se iria al pie dejando tambien una parte viible.
Pense en hacerlo con dos divs que contengan cada uno una mitad de dicha imagen y que al pulsar suva un div y baje el otro, hice mil experimentos pero no se me ocurre como hacerlo.
¿sabriais decirme si es posible hacer este efecto con html y como seria el codigo?
Gracias de antemano.

[Gerrer0]

con focus podrida servir?¿ que al hacer focus en la "div" afecte a las div que pondrás arriba y abajo algo así es tu idea?

[sbcuervo]

el problema de usar el focus es que no me mantendria el tamaño de la imagen no?¿
el efecto que busco es algo tipo a cuando se abre una cortina que se abren las dos telas desde el centro y luego se queda a los lados de la ventana, solo que el efecto que busco seria en el eje Y en ved de en X.
no se si es posible hacer lo que digo