javascript - Problem with multiple switching directions in swiper.js

Question

The current scene is like this. There are four animation pages that can be switched left and right.
And each animation page must be able to slide down to switch to another same page.
Now I am using swiper.js. How do I do this? The animation page that can be switched between these left and right can slide down to display the page
And the page that appears when sliding down is also in the same container as the above animation page
How should I write it specifically

Answer 1

Two swipers are nested
The first large swiper has two pages that slide up and down, and the second page is nested with a 4-page swiper that slides around. Does it meet your needs