Here’s a little freebie.
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>
Subscribe to
Sorry, I just updated this. You need to put id=”definitions” on the DL tag for this to work.