Help! When pressed open bellow word!

So how can i Do something like the FAQ page on forums!
So when the question is pressed it opens up a box bellow it! see picture:

Hi,

I don't completely understand what you're trying to do? Can you please explain yourself a bit more, thank you.

So like on the FAQ page when a question is pressed it opens a box under the question! how can i Do this?
As in whats the code for this?

Use the spoiler tags:

Code:

[spoiler="YOUR QUESTION"]YOUR ANSWER[/spoiler]

How are you today?:

i know how to change the background color for all the spoilers can i change it for just a few?

You can't do that , and 1 question : You want to make something like "spoiler" ?

Yes something like spoiler but has a different background color!

I can provide a code, but you'll have to enable HTML in posts. Also ask all of your users to enable it via profile's preference option. You'll have to be putting the code every time in your post, do you like the sound of that?

Well , add that in a message :

Code:

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

Make a new javascript , tick in topics and fill with that :

Code:

  function toggle_visibility(id) {
      var e = document.getElementById(id);
      if(e.style.display == 'block')
          e.style.display = 'none';
      else
          e.style.display = 'block';
    }


Don't replace # , toggle_visibility('foo') , and id="foo"

candy_fear wrote:Well , add that in a message :

Code:

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

Make a new javascript , tick in topics and fill with that :

Code:

  function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }


Don't replace # , toggle_visibility('foo') , and id="foo"

Nope not working Here's a post with the code entered in side of it!
http://sir-mayo.forumotion.com/t59-foo-test-post

Try this:

> http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/

Solved! Thanks every one!