Thread: Creating FAQ page w/ hidden answers

Hello to all,
I was wondering if its possible to have a list of questions and when the user presses the question menu it will reveal the answer underneath it?

such as:
what is the color of the sky?

• the sky is blue (hidden until above ^^ is clicked)

what is 8+8?

• 8+8= 16 (hidden until above ^^ is clicked)

Thanks a lot!!!

Hi, you can try the script below (Sample here)
Cut & paste this into a html box on the front of your BV page.
Each Q&A is separated as a colour & in each area you will have to change the parts in red as shown in the 1st Q&A. The three a's have to be changed for each question as you will notice in the following Q&A as a,b,c,d,e & so on. If you want to add more questions? Cut & paste the whole of the orange area in between the blue & black area
</ul>
Place here
</div>

Good luck.

<big><b>Q&A drop down script. Click on question!</b></big>
<br><br>
<b><a href="javascript: toggle(a)">Question one!</a></b><br>
<div id="a" name="a" style="display:none">
<ul>
<li>Reply to question one.
</ul>
</div>
<b><a href="javascript: toggle(b)">Question two!</a></b><br>
<div id="b" name="b" style="display:none">
<ul>
<li>Reply to question two.
</ul>
</div>
<b><a href="javascript: toggle(c)">Qestion three!</a></b><br>
<div id="c" name="c" style="display:none">
<ul>
<li>Reply to question three.
</ul>
</div>
<b><a href="javascript: toggle(d)">Question four!</a></b><br>
<div id="d" name="d" style="display:none">
<ul>
<li>Reply to question four.
</ul>
</div>
<b><a href="javascript: toggle(e)">Question five!</a></b><br>
<div id="e" name="e" style="display:none">
<ul>
<li>Reply to question five.
</ul>
</div>
<p>
<script language="JavaScript">
function toggle(tag) {
if (tag.style.display=='') {
tag.style.display='none'
} else {
tag.style.display=''
}
}
</script>