如何在打开时将屏幕定位为显示切换元素？

Question

我正在使用以下代码进行简单的切换按钮来显示/隐藏一些额外的内容：

    $(".toggle .button").click(function() {
    $(this).next().slideToggle('fast');
});

问题是如果切换位于屏幕的底部，则用户必须向下滚动才能查看新打开的切换内容。所以我的问题是：如何通过在单击切换时将窗口跳到正确的位置来自动向用户显示切换的数据？

由于

Answer 1

您可以使用动画来完成这项工作：

$('html,body').animate(
   {scrollTop: $('#your-content-id').offset().top},
   'slow'
);