bernie.nmsu Posted March 14, 2005 Share Posted March 14, 2005 I am developing a FAQ page. I have it set up to where the page only displays common questions. Once the user selects the question, the answer displays right below it. When the user clicks on the question again, the answer becomes hidden. I have the basic functionality to work fine, except that when get to the bottom my FAQ list and you click on the question to display the answer, the focus gets placed back to the top of the page rather than the new information that just got displayed. I'm already using onClick to run my function to show the text, but I also need it to focus on the answer. <p><a href="#" id="moreLink15" onClick="return showAndHide('QUESTION15')">• Question15?</a></p> <blockquote> <div id='QUESTION15' style="display:none"> <p>Answer15.</p> </div> </blockquote> Any help is appreciated. Link to comment https://forums.phpfreaks.com/topic/2207-using-onclick-on-my-page/ Share on other sites More sharing options...
Shaun Posted March 26, 2005 Share Posted March 26, 2005 <html> <head> <title>Untitled</title> <script language="JavaScript"> function showAndHide(theId) { var el = document.getElementById(theId); var link = document.getElementById("moreLink"); if (el.style.display=="none") { el.style.display="block"; //show element link.innerHTML = "Hide Links..."; } else { el.style.display="none"; //hide element link.innerHTML = "More..."; } return false; } </script> </head> <body> <p><a id="moreLink1" href="#" onClick="return showAndHide('QUESTION1')">FAQ #1</a></p> <div id='QUESTION1' style="display:none"> ANSWER 1<br> ANSWER 1A</a><br> ANSWER 1B</a><br> </div> </body> </html> hope this helps... Shaun Link to comment https://forums.phpfreaks.com/topic/2207-using-onclick-on-my-page/#findComment-7315 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.