title: Highlight a specific div on click to attract attention
body: <p>I'm making a site and i haven't been able to figure out how to highlight a certain div without everything blowing out of proportion. I want the top nav where it says home, sitemap, and contact to highlight a div in the footer. When you click contact i want it have you dragged down to the bottom where it is but i want it to highlight the contact div just to get your attention real quick so its easier to find. i tried some plugins but they didnt work to well. </p>
  
  <p><a href="http://jsfiddle.net/h7wRH/" rel="nofollow">Site</a></p>
  
  <pre><code> &lt;div id="navContainer"&gt;
  &lt;div id="nav"&gt;
      &lt;ul&gt;
  
          &lt;li&gt;&lt;a href="index.html" class="scroll nav"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#footer" class="scroll nav"&gt;Site Map&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#footer" class="scroll nav"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>