title: Displaying only the wanted div based on menu choice
body: <p>Im fairly new to programming in HTML, and I want to create a webpage that displays what i have within a  tag based on menu choice.</p>
  
  <p>in meta i have something like this:</p>
  
  <pre><code>&lt;ul class="dropdown-menu" role="menu"&gt;
      &lt;li&gt;&lt;a href="#chap4"&gt;Chapter 4&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#chap5"&gt;Chapter 5&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Further down the code, I have something like:</p>
  
  <pre><code>&lt;div class="chap4"&gt;
      content
  &lt;/div&gt;
  
  &lt;div class="chap5"&gt;
      content
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there any way i can get the page to display only the content of  when I press the menu link to chapter 4, and only the content of chapter 5 when I press the menu link for chapter 5?</p>
  
  <p>Any help will be highly appreciated!</p>