This technique exploits the visibility property of elements in the DOM to hide and reveal sections of text. (The previous "DOM" is just such a link. Go on. Give it a click.)

This trick relies on 3 things:

You put it all together, and you need something like the following. You can copy it and start experimenting, if you like, adding your own styles for background, border, padding, etc.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>Hide / Show demo</title>

  <script language="JavaScript">
    function showDiv(divID,show) {
      var w=document.getElementById(divID);'visible':'hidden';

  <style type="text/css">
    .hidden {position: absolute; left: 10%; visibility: hidden; margin-right: 10%; 
             background: #ffd; border: 1px solid maroon; padding: 20px; } 
    .btn {float: right; margin: 0px; } 

  <div class="hidden" id="w0">
    <p class="btn"><a href="javascript:showDiv('w0',0)">close</a></p>
    Hidden text goes here.

  <p>This is the regular text.
    Click <a href="javascript:showDiv('w0',1)">here</a> to display hidden text.