同ページにあるswiperの複数あるスライダーのスタイルがウィンドウ幅を切り替えたときにリセットされない

Question

swiperを用いてスライダーのレスポンシブ対応を行いましたが
spサイズからpcサイズににした際にcssがリセットされません。
スライダーが1つの場合はうまく動いたのですが複数の場合だと削除されなくなってしまいます。
どなたかお力を貸していただけると幸いです。

<script>
$(function() {
    //swiper 768以下で起動
    var swiper; 
    $(window).on('load resize', function(){
        var w = $(window).width();
        if (w <= 768) {
            if (swiper) {
                return;
            } else {
                swiper = new Swiper('.swiperWrap', {
      slidesPerView: 1,
	  centeredSlides : true,
                    loop: true,
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                    },
	navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
                });
            }
        } else {
            if (swiper) {
                swiper.destroy();
                swiper = undefined;
				
            } 
        } 
    });
}); 
</script>