Question

I know this is a really broad question, but when I try to google it all I get is the answer for a drop down menu.

I’m looking for the code for the dropdown text like it’s done here when you click on a question. Or at least a name so I can google more specifically.

Answer 1

Here’s a Fiddle with the code to do this: http://jsfiddle.net/Zy4gW/

HTML:

<ul id="q-and-a">
    <li><a>Question One</a>
      <div>Answer to Question One...</div>
    </li>
    <li><a>Question Two</a>
      <div>Answer to Question Two...</div>
    </li>
</ul>

CSS:

ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; list-style: none; }
ul li a { color: blue; }
ul li div { display: none; }

JQuery:

$(function(){

  $('#q-and-a li a').each(function(){
      $(this).click(function(){
          $(this).siblings('div').slideToggle(300);            
      });        
  });                

});​​

You probably don’t need a plugin for something this simple. Just setup the right structure and then show/hide the ‘reveal’ content.