swiper做的手机端H5页面，同一页面两个sweiper，怎么相互切换

Question

手机端H5宣传页面
总体上是3屏，用swiper做的
上下滑动切换
滑到第二屏，第二屏中有一些超链接，指向另一个swiper，
第二个swiper是第二屏内容的详细介绍

大体上就是这样，也不复杂，就是可以从第一个swiper中点击链接切换到第二个swiper，然后从第二个中也可以返回到第一个

问题是这个怎么实现呢

两个swiper在页面加载的时候同时 new 创建出来吗，
我试了，同时创建，让第二个display none ,切换的时候第一个display none ，第二个 block ，可是这样第二个swiper就彻底乱了，没效果了

有大神做过类似的吗

而且不止两个swiper,第二个swiper还有它的下级，是它的更详细的产品介绍。。。。。。

Answer 1

看了看你的描述，我可以给出我的想法：页面用第一个swiper切换到第二页面点击时可以用弹窗的形式显示第二个swiper建立并初始化或者更新swiper（因为在display:none的情况下swiper的尺寸计算好像有误），第二个swiper可以关闭当前弹窗，两个swiper实际上不影响的

Answer 2

同个页面多个 swiper官方就有说明文档官方文档在给你的例子参考下 栗子