jqueryモバイル折りたたみアニメーションが動作しない

Question

私は現在、Jquery Mobileの折りたたみ可能なセットで苦労しています。私は開いたり開いたりするときに画面の上にスライドするだけでなく、それをアニメーション化したい。それはプロジェクトの早い段階で働いていたが、何とか行を停止した。

私は運がなければ問題を見つけるためにすべてを試みた。私のCSSシートがなくても問題は解決されず、JSコーディングが追加されずにそのまま残っています。私はまた、さまざまなバージョンのjQueryとJquery Mobileを試しました。

私は、関連するすべてのコーディングでjsfiddleを作った：https://jsfiddle.net/usa8bjh1/

をこれは私が使用していたコードです：

$(document).on('pagebeforeshow', function(){ 
$("[data-role='collapsible']").collapsible({ 
    expand: function(event, ui){ 
     $(this).children().next().slideDown(500); 
     $('html, body').animate({ 
      scrollTop: $(this).offset().top - 0 
     }, 800); 
    }, 
    collapse: function(event, ui){ 
     $(this).children().next().slideUp(500); 
    } 
}); 
}); 

誰もがこれでの経験を持っていますか？

Answer 1

私が更新した作業溶液とfiddle、折りたたみ式のイベントこのようバインディング：

$(document).on("collapsibleexpand", "[data-role=collapsible]", function() { 
    $(this).children().next().slideDown(500); 
    $('html, body').animate({ 
     scrollTop: $(this).offset().top - 0 
    }, 800); 
}); 

$(document).on("collapsiblecollapse", "[data-role=collapsible]", function() { 
    $(this).children().next().slideUp(500); 
});