一个页面多个swiper通过按钮显示隐藏出现的问题
描述:一个页面有多个swiper,一开始都隐藏,通过点击按钮显示对应的swiper。
html部分代码:
<div class="btn">
<div class="btnBox">
<div class="button button1"></div>
<div class="button button2"></div>
<div class="button button3"></div>
<div class="button button4"></div>
</div>
</div>
<div class="qie qie1">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(img/30.png)"></div>
<div class="swiper-slide" style="background-image:url(img/31.png)"></div>
<div class="swiper-slide" style="background-image:url(img/32.png)"></div>
<div class="swiper-slide" style="background-image:url(img/33.png)"></div>
<div class="swiper-slide" style="background-image:url(img/34.png)"></div>
<div class="swiper-slide" style="background-image:url(img/35.png)"></div>
</div>
</div>
</div>
<div class="qie qie2">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(img/36.png)"></div>
<div class="swiper-slide" style=