检查是否hasClass并显示div

Question

我有一个滑块，只要焦点上有div，就会添加类swiper-slide-visible。 我正在尝试显示另一个div，具体取决于焦点上的项目。 我的问题是Jquery在旋转时没有检查，如果我使用的话，我的浏览器停止工作。

 <div class="swiper-slide pag1"> <h1>A</h1> </div>
 <div class="swiper-slide pag2"> <h1>B</h1> </div>
 <div class="swiper-slide pag3"> <h1>C</h1> </div>

---

 <div class="conteudo">
  <p class="divA">Conteudo DIV A</p>
  <p class="divB">Conteudo DIV B</p>
  <p class="divC">COnteudo DIV C</p> 
</div>

---

 if ($(".pag1").hasClass("swiper-slide-visible")) {
  $(".divA").show();
}
if ($(".pag2").hasClass("swiper-slide-visible")) {
  $(".divB").show();
}
if ($(".pag3").hasClass("swiper-slide-visible")) {
  $(".divC").show();
}