bxslider와 자바스크립트에 관한 질문입니다. 채택완료

 </p><p><script>
//slideBox
var slidechk1 = true;
var slidechk2 = true;
$(document).ready(function(){
    $(".btn_worksToggle").click(function(){
        var index = $(".btn_worksToggle").index($(this));
        

        $('.worksToggle').eq(index).slideToggle('slow');
        $('.btn_worksToggle i').eq(index).toggleClass('fa-chevron-circle-down fa-minus-circle');

        if(index == 1 && slidechk1){
            mySlider1.reloadSlider();
            slidechk1 = false;
        }

        if(index == 2 && slidechk2){
            mySlider2.reloadSlider();
            slidechk2 = false;
        }
    });

    $('.bxslider1').bxSlider({
        pagerCustom: '#bx-pager1',
        controls:false,
        auto:true,
        captions: true,
        pause: 6000,
        speed: 1000,
        mode: 'fade'
    });
        
    mySlider1  = $('.bxslider2').bxSlider({
        pagerCustom: '#bx-pager2',
        controls:false,
        auto:true,
        captions: true,
        pause: 6000,
        speed: 1000,
        mode: 'fade'
    });

    mySlider2  = $('.bxslider3').bxSlider({
        pagerCustom: '#bx-pager3',
        controls:false,
        auto:true,
        captions: true,
        pause: 6000,
        speed: 1000,
        mode: 'fade'
    });
});</p><p></script></p><p> </p><p>