Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > VodaHost Web Hosting Support > General Support Issues

Notices

General Support Issues Answers to general questions and help with common problems. For help with a specific issue, post to one of the forums below.

Reply
 
LinkBack Thread Tools
  #1  
Old 07-16-2008, 04:17 AM
Private First Class
 
Join Date: Jul 2008
Posts: 5
Default 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!!!
__________________
CHeck out my site www.swoletraining.com
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old 07-16-2008, 10:49 AM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 5,449
Default Re: Creating FAQ page w/ hidden answers

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>
__________________
From Chris,

www.collectors-info.com
View sites in FF & IE, with res @ 1024 x 768 on 19” screens.

How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT +1. The time now is 07:51 PM.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2007 VodaHost.com - All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55