Jquery 同级滑动切换后将窗口滚动到div顶部

大家好：我有一页div中的文章，开始时隐藏在可点击的横幅后面。每次单击横幅时，它都会使用slideToggle扩展相关的文章div，并关闭使用slideUp打开的任何其他文章div。我有下面的代码，如果视图从单击的横幅div的最终位置上方开始，它会将窗口向下滚动到该div；但是，如果一篇文章在该div上方关闭，它将向上移出视图，然后窗口不会向上滚动到该div。我怎样才能解决这个问题

$(document).ready(function () {
    $(".entry-title-thumbnail-active").click(function () {
        $(this).closest('.site-content').find('.entry-content-thumbnail').not($(this).closest('article').find('.entry-content-thumbnail')).slideUp('slow');
        $(this).closest('article').find('.entry-content-thumbnail').slideToggle(
            'slow', 'swing', $('html,body').animate({
            scrollTop: $(this).offset().top
        }, 'slow'));
        return false;
    });
});

基本上，逻辑将DOM树向上移动到父.site content div，其中包含所有横幅和文章div，然后查找所有子.entry content缩略图div并将其向上滑动（不包括已单击的.entry title缩略图的同级），以确保不显示其他文章。然后，它再次向上移动一级到包含所有子元素的article div，并在该div中找到.entry内容缩略图并对其进行扩展

问题是，如果一个div在正在进行幻灯片切换打开的div上方进行幻灯片切换，那么文章的顶部就会从视图中拉出来，这会带来不太好的阅读体验。我只是想让窗口滚动回点击的条目标题缩略图

我把它放在这里的一个jsFiddle中：

---

任何帮助都将不胜感激

一些相关的html或JSFIDLE将有助于回答这个问题。你说得对！