html with javascript

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
    <title>Super-Simple DHTML Tree</title>

    <style type="text/css">
      body {
        font-size: 14px;
        font-family: verdana;
        background-color: white;
      }

      .root {
      padding: 0px 0px 2px 0px
      }

      .root div {
      padding: 0px 0px 0px 0px;
      display: none;
      margin-left: 3em;
      }
    </style>

    <script type="text/javascript" language="JavaScript">

      function toggleNode(node)
      {

            var nodeArray = node.childNodes;
            for(i=0; i < nodeArray.length; i++)
            {
              node = nodeArray[i];
              if (node.tagName && node.tagName.toLowerCase() == 'div')
              {
                node.style.display = (node.style.display == 'block') ? 'none' : 'block';
              }
              if (node.tagName && node.tagName.toLowerCase() == 'img')
              {
                toggleImage(node);
              }
            }

      }

       function toggleImage(node)
       {
            if(node.expanded)
            {
              node.src = "expand.gif";
              node.expanded = false;
            }
            else
            {
              node.src = "collapse.gif";
              node.expanded = true;
            }
       }

    </script>
  </head>

  <body>


    <div class="root"><img src="./expand.gif" href="" expanded="false" onclick="toggleNode(this.parentNode);"></img>
    Running Scenario Unknown Scenario
      <div><img src="./expand.gif" href="" expanded="true" onclick="toggleNode(this.parentNode);"></img>Unknown Scenario
       <div><img src="./expand.gif" href="" expanded="true" onclick="toggleNode(this.parentNode);"></img>Choose Exam Card
        <div>Choosing group : Head Group Type UserSet</div>
        <div>Group Head was found.</div>
          <div>Choosing the exam card Brain Helical With use previous ? False</div>
          <div>ExamCard Brain Helical was found.</div>
          <div>ExamCard Brain Helical was selected.</div>
        </div>
      </div>
     </div>

  </body>
</html>