Déjame explicarte el escenario,

• Tengo 3 enlaces/botones de alternar (Enlace 1, Enlace 2 y Enlace 3) y 3 DIVS (Div 1, Div 2 y Div 3).

Estoy tratando de agregar animaciones a DIVS,

• Cuando hago clic en el enlace 1 de arriba, el Div 1 tiene que aparecer en el centro (Animación: Fade-In-Up).
• De manera similar, cuando hago clic en el enlace 3, Div 1 y Div 3 deberían aparecer en el centro (Animación: Fade-In-Up).
• Y también cuando hago clic en el enlace 2, Div 1 y Div 2 deberían dar paso a Div 2 (Animación: Fade-In-Up) moviéndose hacia sus respectivos lados.

Los 3 DIV deben estar centrados,

• Y si vuelvo a hacer clic en el enlace 2, entonces Div 2 debería desaparecer moviéndose hacia la dirección Y (Animación: Fade-Out-Down), y Div 1 y Div 3 deberían acercarse moviéndose uno hacia el otro y centrados.

Amablemente ayúdenme con esto, luchando con esto durante tantos días. Gracias de antemano. ¡Consulte esta imagen para una mejor comprensión!