jquery - ページカウンター付きの複数のスライダー (bxSlider)

Question

複数のコンテンツ スライダー (jQuery bxSlider を使用) と単一のページ カウンターを含むページがあります。各スライダーは折りたたみ div 内に含まれており、その開閉は 3 つのボタンを使用して制御されます。

これはここで動作することを示すことができます - jsFiddle

新しいスライダーを開くと、そのスライダーの合計スライド数が正しく表示されません。(コメントアウトされた) アラートを使用すると、show.getSlideCount が 3 つのスライダーのそれぞれに対して順番に返されるため、常に 3 (3 つのスライダーの最後のスライドの数) になることがわかります。次の矢印をクリックして 2 番目のスライドを表示すると、各スライダーの合計ページ数が正しく表示されます。

それは非常に明白なことだと確信していますが、次と前のスライド機能ではスライドカウントが正しく機能するのに、スライダーのロードでは機能しない理由がわかりません。これが私がbxSliderに使用しているスクリプトです

$('.bxslider').each(function(){
    var show = $(this);

    show.bxSlider({
    pager: false,
    infiniteLoop: false,
    hideControlOnEnd: true,
    slideMargin: 350,
    onSliderLoad: function (){
        show.goToSlide(0);
        var slide_count = show.getSlideCount();
        var slide_curr = show.getCurrentSlide();
        // alert (slide_count);
        insertCount(slide_curr,slide_count);
    },
    onSlideNext: function (){
        var slide_count = show.getSlideCount();
        var slide_curr = show.getCurrentSlide();
        insertCount(slide_curr,slide_count);
    },
    onSlidePrev: function (){
        var slide_count = show.getSlideCount();
        var slide_curr = show.getCurrentSlide();
        insertCount(slide_curr,slide_count);
    }                               
    });             
});

どんな助けや提案も大歓迎です。