HTML Help

thyme · Joined: 13 Sep 2009 Posts: 1

I am looking for a code on my FAQ page to keep the page clean. What I want is to have the user click on the question THEN the answer will appear. IE when they click on the question the second time, the answer will go back to being hidden.

sticks464 · Joined: 31 Dec 2006 Posts: 2625

Try the jquery FAQ plugin.

Demo here

gary.newelluk · Posted: Sun Sep 27, 2009 1:50 pm

Hi, I have written this fairly quickly but it seems to work ok in Firefox so give it a go.

Code:
<html>
<head>
<title>Test FAQs</title>
<script type="text/javascript">
function toggleview(itm)
{
var itmx = document.getElementById(itm);
if (itmx.style.display == "none")
{
itmx.style.display = "block";
}
else
{
itmx.style.display = "none";
}
}
</script>
</head>
<body>
<a href="#" onclick="toggleview('q1')">1. How do I hide the answer when I click here</a>
<div id='q1' style="display:none">
Look at this code
</div>
</body>
</html>

Basically for each question create an <a> tag with an onclick event which calls toggleview with the question number.

Create a div section with an id set to the question number. IE q1, q2, q3 etc