jQuery test page - Pippa's H-M axis question

Pippa's query about the HUMANISTIC & MECHANISTIC axis within Hodges' model, got me thinking not only in terms of her Occupational Health Nursing context, but how can I display the questions and answers in a new way - at least for me?

For web designers this is noddy stuff, but I worked on an effort using some jQuery, plus a style sheet. The idea is to work through the questions THEN click the question to reveal / hide a response.

Time as ever has not allowed me to consult with OH professionals and their course curricula. Despite this, the pointers appear to have helped Pippa and may inform general readers.

As to the page itself, there is much more to do. Refine the code, test it across browsers and consider some additional touches - possibly rounded corners. How might this sit in Drupal? There is one CSS (javascript?) technique that I really must tackle - a gift for Hodges' model: opacity and layers.
I will be checking what Drupal can do from an educational perspective and contrast this with tools like Moodle.