jquery mobile складная анимация не работает

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

Я обновил вашу скрипку рабочим решением, связав таким образом складывающиеся события:

$(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);
});