Page with text customisation, click and reveals and free text boxes
This is a test.
This isanother test.
This is another another test
This was using chatGPT asking how to create a click and reveal box. THESE DON'T WORK
Asked ChatGPT for an alternative method without using Javascript - THIS DOESN'T WORK
This is the hidden content revealed after clicking the label. You can include text, images, or even videos here.
This is the explanation or hidden content. You can include paragraphs, images, lists, and more. Great for FAQs, hints, or answers. - THIS DOESN'T WORK
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
Without Javascript
Enter your notes below:
To copy: Select the text and press Ctrl+C (Cmd+C on Mac).
To print: Use your browser's print function (Ctrl+P / Cmd+P).