javascript - 開いたときにトグル要素を表示するように画面を配置するにはどうすればよいですか?

Question

いくつかの追加コンテンツを表示/非表示にする単純なトグル ボタンに次のコードを使用しています。

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

問題は、トグルが画面の下部にある場合、ユーザーは下にスクロールして新しく開いたトグル コンテンツを表示する必要があることです。だから私の質問は次のとおりです。ユーザーがトグルをクリックしたときにウィンドウを正しい位置にジャンプして、トグルされたデータが自動的にユーザーに表示されるようにするにはどうすればよいですか?

ありがとう

Answer 1

animate を使用してジョブを実行できます。

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