我想将一个slideDown或slideUp效果添加到具有data-role =’collapsible’的div中,因此它不会立即打开而是逐渐打开.
我试过这个：
- $('#my-collapsible').live('expand',function() {
- $('#my-collapsible .ui-collapsible-content').slideDown(2000);
- });
- $('#my-collapsible').live('collapse',function() {
- $('#my-collapsible .ui-collapsible-content').slideUp(2000);
- });
但它仍然可以毫不拖延地打开和关闭.
解决方法
实例：
> http://jsfiddle.net/6txWy/6/
> http://jsfiddle.net/6txWy/7/
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>
