Add Color by Hash

by Taufik Nurrohman

HTML

<a href="#top">URL 1</a>
<a href="http://www.namasitus.com/eksport.html#section56">URL 2</a>
<a href="http://www.namasitus.com/eksport.html#bottom">URL 3</a>
<a href="http://www.namasitus.com/eksport.html#comment12345">URL 4</a>

<ul>
    <li id="top"></li>
    <li id="section56"></li>
    <li id="comment12345"></li>
    <li id="bottom"></li>
</ul>

CSS

a {display:block;}

li {
  display:block;
  width:70px;
  height:30px;
  background-color:darkgreen;
  border:4px solid black;
  margin:5px auto;    
}

JavaScript

$('a').click(function() {
    var hash = this.href.split('#')[1];
    $('li[id]').css('border-color', 'black');
    $('#' + hash).css('border-color', 'yellow');
    return false;
});