如何打開屏幕以顯示切換元素？

Question

我用下面的代碼進行簡單的切換按鈕顯示/隱藏了一些額外的內容：

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

的問題是，如果切換是在屏幕的下方，用戶必須再向下滾動查看新打開的切換內容。所以我的問題是：我怎樣才能做到這一點，切換後的數據會自動顯示給用戶，方法是在點擊切換按鈕時將窗口跳到正確的位置？

感謝

Answer 1

你可以用動畫做的工作：

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