javascript toggle and anchor -


i starting in javascript, need help. have simple javascript toggles div on webpage. div working well, because in footer of page, opens , cannot see content. how make toggle scroll down entire div can seen?

i found similar examples other scripts, have not been able apply them here.

this 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"; } } 

this html

            <div id="indexslider">                 <a href="#showindex"><a id="displaytext" href="javascript:toggle();">show list</a></a>             </div>             <div id="showindex">                 content here several lines of links.             </div> 

try adding:

ele.scrollintoview(); 

after setting display "inherit".

it attempt scroll element top of page, end scrolling far can.


Comments

Popular posts from this blog

java - How to Configure JAXRS and Spring With Annotations -

visual studio - TFS will not accept changes I've made to a Java project -

php - Create image in codeigniter on the fly -