如何使用jquery mobile来动画打开和关闭可折叠对象？

Question

我正在使用JQuery的手机和做一些自定义的东西。

默认可折叠的对象似乎只是“秀”隐藏的内容瞬间，我觉得这一点对用户不够友好。如果按钮位于屏幕的底部，并且隐藏的内容不在屏幕上，则用户可能不知道甚至发生了任何事情。

在我的脑海里两件事情应该发生。

1. 内容应了slideDown（）。
2. 我应该要有页面滚动下来，让按键发现自己在屏幕的顶部，这样做保证了以前隐藏的内容是可见的选项。

在我怎么可能去这样做无论是对这些任何指针？

Answer 1

如果我理解正确的，你，你是在谈论一个可折叠的内容块，并且当用户点击该标题，使主体部分被显示给用户，应该向下滚动了一下。 您可以通过将点击事件附加到触发滚动的标题来完成此操作。在下面的代码中，我做了一个动画。我还用-40px调整了滚动位置，这样用户仍然可以看到标题顶部的某些部分元素。

$('.ui-collapsible-heading-collapsed').on('click.scrollintoview', function (event) {       
    $('body').animate({ scrollTop: $(event.target).offset().top - 40}, 500); 
});