我想使用slideDown
将slideUp
或div
效果添加到data-role='collapsible'
中,因此它不会立即打开,而是会逐渐打开。
我已经试过了:
$('#my-collapsible').live('expand', function() {
$('#my-collapsible .ui-collapsible-content').slideDown(2000);
});
$('#my-collapsible').live('collapse', function() {
$('#my-collapsible .ui-collapsible-content').slideUp(2000);
});
但是它仍然可以立即打开和关闭。
谁知道我该如何调用这些
slideDown
和slideUp
方法? 最佳答案
现场示例:
JS
$('#my-collaspible').bind('expand', function () {
$(this).children().slideDown(2000);
}).bind('collapse', function () {
$(this).children().next().slideUp(2000);
});
的HTML
<div data-role="page">
<div data-role="content">
<div data-role="collapsible" id="my-collaspible">
<h3>My Title</h3>
<p>My Body</p>
</div>
</div>
</div>
关于JQuery-Mobile可折叠slideDown效果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8519391/