title: How to make selected link in Navigation highlighted when clicked
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/180887/how-do-i-highlight-a-link-based-on-the-current-page">How do I highlight a link based on the current page?</a>  </p>
  </blockquote>
  
  
  
  <h1>Context</h1>
  
  <p>I have been trying for ages to get a selected link in my Navigation menu to stay highlighted when clicked, but I cant find any decent understandable tutorials on this.</p>
  
  <h1>Questions</h1>
  
  <ul>
  <li>How can I resolve this?</li>
  <li>Would jQuery or PHP be best for this?</li>
  </ul>
  
  <h1>Code</h1>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="aboutus.php"&gt;ABOUT US&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="aboutus.php"&gt;Company&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="team.php"&gt;Team&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="careers.php"&gt;Careers&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  
      &lt;li&gt;&lt;a href="ourwork.php"&gt;OUR WORK&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="ourwork.php"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="upcoming.php"&gt;Upcoming&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  
      &lt;li&gt;&lt;a href="whatsnew.php"&gt;WHATS NEW&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="whatsnew.php"&gt;News&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="blog.php"&gt;Blog&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>