title: How to give active menu item different styling
body: <p>My menu is a bunch of links which I then use CSS to style as buttons</p>
  
  <pre><code>&lt;div id="menu"&gt;
     &lt;a href="" class="mybutton"&gt;Item 1&lt;/a&gt;
     &lt;a href="" class="mybutton"&gt;Item 3&lt;/a&gt;
     &lt;a href="" class="mybutton"&gt;Item 3&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When a menu item is clicked and is active, what's the best way to style it differently? Do I use jquery or javascript to add a new class? or there's a CSS trick for this?</p>