How do I recreate this animation?

[MubashirWaheed]

I am trying to recreate an animation from here: https://www.nike.com/ in my react web app.
In order to see the animation follow these steps

1. Open the page in mobile view
2. Click on the hamburger menu.
3. After the sidebar slides in from the right side.
4. Click on any category in the sidebar eg "New & Featured", "Men", "Women"
5. Another page containing links from the right side will slide in and at the same time, the first page will slide to the left.

I have my Sidebar initially being transitioned (when the user first clicks on the hamburger icon) using useTransition hook. I don't understand how to simultaneously animate categories off the sidebar and animate in the links for that category.
I tried using two useSpring hooks but it wasn't animating categories and links simultaneously when the user clicked on a category.