New moodle-friendly click and reveals and free text boxes

Trying the summary and details tags - THESE ALL WORK

Click to Reveal

This is the hidden content. It will show when you click the summary above.

THIS WORKS!!!!

This is the above but with accordian styling

📘 Click to Reveal Explanation ➕

This is the revealed content. You can include explanations, answers, hints, or images here. It works on most Moodle pages without needing JavaScript or advanced permissions.

I really like the accordian. Trying the multiple accordian code below

📝 Show Hint 1

Hint for question 1 goes here.

📝 Show Hint 2

Hint for question 2 goes here.

Another version using details and summary

🟢 Explanation (Click to Collapse)

This block starts open by default. You can change that by removing open from the <details> tag.

🔵 Click to Reveal Answer

This is a hidden answer or explanation. It opens and closes smoothly, and Moodle doesn’t block this method.

Trying a moodle friendly free text box from ChatGPT


And another version


Tip: Select and copy your response to save it elsewhere (e.g., Word or Notepad).


Using Inline CSS

Using Set cols attribute which is the simplest

Last modified: Monday, 4 August 2025, 2:02 PM