我想使用slideDownslideUpdiv效果添加到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);
});

但是它仍然可以立即打开和关闭。

谁知道我该如何调用这些slideDownslideUp方法?

最佳答案

现场示例:

  • 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>
    

    关于JQuery-Mobile可折叠slideDown效果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8519391/

    10-12 07:40
    查看更多