javascript - javascript トグルとアンカー

Question

私はJavaScriptを始めたばかりなので、助けが必要です。Web ページの div を切り替える単純な JavaScript があります。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>