Javascript 打开时如何定位屏幕以显示切换元素？

我使用以下代码创建了一个简单的切换按钮，以显示/隐藏一些额外的内容：

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

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

---

谢谢

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

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

---

此链接可能会帮助您，谢谢，但我在页面上有多个切换类，每个类都有一个。显示详细信息作为切换内容容器，如何针对当前切换元素的特定类，因为我不会使用像上面代码那样的ID。非常感谢您可以为要定位的每个元素添加一个属性，然后使用

.attr（）

函数匹配它们。