javascript toggle and anchor

Question

Я только начинаю с 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> 

Answer 1

Попробуйте добавить:

ele.scrollIntoView(); 

после установки display в "наследство".

Он попытается прокрутить элемент вверху страницы, но в итоге прокручивается, насколько это возможно.