title: How to do a tree structure like in Windows Help in HTML/Javascript
body: <p>I am currently working on a project and I want to create a HTML help page to provide my users with help and advice on how to use the app. </p>
  
  <p>What I want to achieve is a tree layout so along the left hand side it has all the titles with a plus symbol next to it. Then when the user clicks on the plus button or on the text it expands with related content to that section. If the user then clicks it again, then all of the items that were shown are now re-hidden. </p>
  
  <p>I haven't been able to find any decent tutorials on how I can do this. </p>
  
  <p>Thanks for any help you can provide.</p>