1

jQuery モバイル 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;
}
4

1 に答える 1

10

これが私のコードです

$("[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 でテストされました。ありがとう。

于 2014-01-24T08:50:04.703 に答える