title: How to call a particular div using html hyperlink
body: <p>I want to call a particular <code>div</code> using a hyperlink.  Here is my code:</p>
  
  <pre><code> &lt;div id="mainNavPane"&gt;
      &lt;ul id="sideSubNav"&gt;
  
          &lt;li&gt;&lt;a href="#" class="prim"&gt;Individuals&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="view"&gt;Individuals1&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="mainScrollPane"&gt;
  </code></pre>
  
  <p>
      <br>
      
      </p>
  
  <pre><code>  &lt;!-- 1-5 --&gt;
    &lt;div id="homeScreen" class="screen"&gt;
       &lt;div class="arrowLeft" style="width:50px;"&gt;&lt;a class="prev"&gt;&lt;img src="../images/btn-ArrowPrev.gif"/&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;img src="images/bg-HomeScreen.jpg" height=50px width=50px /&gt;
       &lt;div class="arrowRight" style="width:50px;"&gt;&lt;a class="next"&gt;&lt;img src="../images/btn-ArrowNext.gif" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  
     &lt;!-- 5-10 --&gt;
    &lt;div id="IndividualsScreen" class="screen"&gt;
       &lt;h2&gt;Individuals using Breaking Free Online&lt;/h2&gt;
       &lt;div class="arrowLeft" style="width:50px;"&gt;&lt;a class="prev"&gt;&lt;img src="../images/btn-ArrowPrev.gif" /&gt;&lt;/a&gt;&lt;/div&gt;
       &lt;div class="screenBody" style="width:460px;"&gt;
        &lt;ul&gt;
            &lt;li&gt;If you are struggling to control your drinking or use of drugs, Breaking Free Online
                offers you treatment that is immediate, confidential and effective – even if your
                dependence is severe and has been for a long time &lt;/li&gt;
            &lt;li&gt;You can take advantage of the treatment at home or anywhere with an internet connection,
                and at the times that are most convenient for you, because it is available online
                24 hours a day &lt;/li&gt;
             &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="arrowRight" style="width:50px;"&gt;&lt;a class="next"&gt;&lt;img src="../images/btnArrowNext.gif" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;   
      &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>I want to display <code>div id = individualscreen</code> when <code>&lt;a href="#" class="prim"&gt;Individuals&lt;/a&gt;</code> hyperlink is clicked similarly when the <code>&lt;a href="#" class="view"&gt;Individuals1&lt;/a&gt;</code> should show <code>div id=homescreen</code></p>