Jquery mobile 在jQuery mobile中将自定义动画添加到可折叠集

我的jquerymobile1.4.0中有一个可折叠集，我想在这个可折叠集像这样展开时为它添加一个自定义动画

我使用了以下样式来设置可折叠的动画，但它没有给我相同的结果。当可折叠的展开时，如何将此向下/向上滑动动画应用于可折叠的动画

请帮帮我

.ui-collapsible-content {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  height: 2em;
  overflow: hidden;
 }

.ui-collapsible-content-collapsed {
  display: block;
  height: 0;
  padding: 0 16px;
}

这是我的密码

$("[data-role='collapsible']").collapsible({

    collapse: function( event, ui ) {
        $(this).children().next().slideUp(150);
    },
    expand: function( event, ui ) {
        $(this).children().next().hide();
        $(this).children().next().slideDown(150);
    }

});

这段代码是用jquerymobile1.4.0测试的。 谢谢。

这是我的代码

$("[data-role='collapsible']").collapsible({

    collapse: function( event, ui ) {
        $(this).children().next().slideUp(150);
    },
    expand: function( event, ui ) {
        $(this).children().next().hide();
        $(this).children().next().slideDown(150);
    }

});

这段代码是用jquerymobile1.4.0测试的。 谢谢