I’ve written a javascript that will take any faq page—properly formatted—and give it a little DHTML *umph* (oh, that’s right, we’re calling it AJAX these days). Basically it automatically converts all of the terms (questions) into links and collapses all of the defintions (answers) to be hidden until their term has been clicked. You can see an example of it in action on our newly deployed Travel Nursing staffing website.

Basically, for formatting, you only need to use a Definition List (DL) with proper <DT> tags for terms and <DD> tags for definitions.

<DL id="definitions">
	<DT>Is this the first Question?</DT>
	<DD>Because this question appears at the beggining of our definition list,
	it is in fact the first question and can be referred to as such from here on out.</DD>
	<DT>Is this the last Question?</DT>
	<DD>Yes, this is the last question. However, since there are only two
	questions in this example, it can also be considered the "second" question.</DD>
</DL>

Then just link to the file at the bottom of your page with the following code:

<script type="text/javascript" src="jackmyfaq.js"></script>

Download Jack My FAQ now!

PS if you are wondering why I made all three terms above clickable, I’m just trying to help my SEO