Hot Potatoes Function:  Text Box -- The Hidden Stuff

 

CLICK HERE

 

In version 6 of HotPot, if you put your cursor in a textbox and press Control + Shift + K, you'll see code like this:

<a style="cursor: pointer;" onclick="document.getElementById('d379983916612384').style.display='block';"></a><div id="d379983916612384" style="display: none; cursor: pointer;" onclick="this.style.display='none';">[]</div>

This code can be customized to create a little block of text that shows and hides itself with a click. First, you need to add some text for the link itself:

<a style="cursor: pointer;" onclick="document.getElementById('d379983916612384').style.display='block';">CLICK HERE</a><div id="d379983916612384" style="display: none; cursor: pointer;" onclick="this.style.display='none';">[The hidden stuff]</div>

Next, you need to replace [The hidden stuff] with the info for the students.

Clicking on the link will show the hidden stuff; clicking on the revealed stuff will hide it again.

This is a better solution than anything involving frames or windows, in most cases.

Cheers,

Martin