javascript切换和锚定

我刚刚开始使用javascript，所以我需要一些帮助。我有一个简单的javascript，可以在我的网页上切换div。div工作正常，但由于它位于页面的页脚中，因此它会打开，而您无法看到内容。如何使切换向下滚动，以便可以看到整个div

我在其他脚本中找到了类似的示例，但无法在这里应用它们

这是我的javascript

function toggle() {
var ele = document.getElementById("showindex");
var text = document.getElementById("displayText");
if(ele.style.display == "inherit") {
        ele.style.display = "none";
        text.innerHTML = "Show List";
}
else {
    ele.style.display = "inherit";
    text.innerHTML = "Show List";
}
}

这是我的html

            <div id="IndexSlider">
                <a href="#showindex"><a id="displayText" href="javascript:toggle();">Show List</a></a>
            </div>
            <div id="showindex">
                The content here will be several lines of links.
            </div>

这里的内容将是几行链接。

尝试添加：

ele.scrollIntoView();

将

显示设置为“继承”后

它将尝试将元素滚动到页面顶部，但最终会尽可能向上滚动。
完美！工作起来很有魅力，把整个部门都带到了我需要的地方。