Open a div with a same position as a list item

Open a div with a same position as a list item

How can I achive this. What I need to do is basically open a Div in position 1 when list item form position 1 was clicked. Then open a div on position 2 when list item in position 2 was clicked etd.

  1. <div id="rollovers">
  2.       <ul>
  3.                 <li>List item 1</li>
  4.                 <li>List item 2</li>
  5.                 <li>List item 3</li>
  6.       </ul>
  7.       <div id="targetCont">
  8.             <div>Content for list item 1</div>
  9.             <div>Content for list item 2</div>
  10.             <div>Content for list item 3</div>
  11.       </div>
  12. </div>