title: Linking to part of external .html within a DIV
body: <p>So I have scoured the site and I can't find an answer to my question. I have a page with two divs. The left div contains an accordion menu that links to different pages that display inside the right DIV. I have used this example to load different external html files into the right DIV.</p>
  
  <p><a href="https://stackoverflow.com/questions/28461180/how-to-change-the-contents-of-a-div-with-a-link-click/28463561#28463561">How to change the contents of a div with a link click?</a></p>
  
  <p>Is there a way I can make the links link to specific parts of the page within the current div? When i use the method of adding a name to the anchor and then linking it as /nameofpage.html#anchorname , it targets it onto a blank page. </p>
  
  <p>Here is how i have the nav setup </p>
  
  <pre><code>&lt;li&gt;&lt;a id="nameofpage" class="Navigation"&gt;Link1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="nameofpage.html#link2"&gt;Link2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="nameofpage.html#link3"&gt;Link3/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="nameofpage.html#link4"&gt;Link4&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>and here is how the HTML is on the external page loaded into the DIV</p>
  
  <pre><code>&lt;h2 name="link1"&gt;Link1&lt;/h2&gt;
  &lt;img&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;h2 name="link2"&gt;Link2&lt;/h2&gt;
  &lt;img&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;h2 name="link3"&gt;Link3&lt;/h2&gt;
  &lt;img&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;h2 name="link4"&gt;Link4&lt;/h2&gt;
  &lt;img&gt;
  &lt;p&gt;&lt;/p&gt;
  </code></pre>