Добавить пользовательскую анимацию в складной набор в jQuery для мобильных устройств

У меня есть складной набор в моем jQuery mobile 1.4.0. Я хочу добавить пользовательскую анимацию для этого складного набора, когда он расширяется, например здесь анимация

мой складной набор на JSFiddle

Я использовал следующие стили для анимации складного элемента, но это не дало мне того же результата. Как я могу применить эту анимацию слайда вниз/вверх к моему складному элементу, когда он развернут?

пожалуйста, помогите мне ..

.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;
}

jquery-mobile jquery-mobile-collapsible
person user    schedule 11.01.2014    source источник

Ответы (1)


arrow_upward
10
arrow_downward

Вот мой код

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

});

Этот код был протестирован с jquery mobile 1.4.0. Спасибо.

person MinBingGuo    schedule 24.01.2014