jquery-mobile - jQuery Mobile の折りたたみ可能なオフセット

Question

折りたたみ可能な jQuery モバイルに問題があります。すべてのページが同じドキュメント内にあり、という名前の div で区切られているマルチページ テンプレートを使用していますpage。それぞれに 1 つずつ、2 つの折りたたみ式がありますpage。ページの上部にアニメーションを作成しました。コードは上にあります。

$(document).on("pagecreate",function(event, ui){
// alert("pagecreate event fired - the page has been initialized, the DOM has been loaded and jQuery Mobile has finished enhancing the page.");
$("[data-role='collapsible']").collapsible({

    collapse: function( event, ui ) {
        $(this).children().next().slideUp(300);
    },
    expand: function( event, ui ) {
        $(this).children().next().hide();
        $(this).children().next().slideDown(300);
        $("body, html").animate({
            scrollTop: $(".ui-collapsible-heading-toggle").offset().top
        }, 'slow');  
    }
});     

$('.ui-collapsible-heading-toggle').click(function(){
    $("body, html").animate({
        scrollTop: $(".ui-collapsible-heading-toggle").offset().top
    }, 'slow');
});

最初の折りたたみ可能なアニメーションは機能しますが、2 つ目はアニメーションslideUpとslideDown機能のみで、offset何も起こりません。

どうして？？

手伝ってくれてありがとう！