CodePen

HTML

            
              <div id="kort">
	<div class="pointer"> </div>
	<ul class="blue">
		<li class="id1"><a href="#">&nbsp;</a></li>
		<li class="id2"><a href="#">&nbsp;</a></li>
		<li class="id3"><a href="#">&nbsp;</a></li>
	</ul>
</div>

<div class="kort-nav">
	<ul class="blue">
    <li class="id1"><b>1</b><a href="http://www.google.com">Google</a></li>
    <li class="id2"><b>2</b><a href="http://drupal.org">Drupal.org</a></li>
    <li class="id3"><b>3</b><a href="http://www.yahoo.com">yahoo.com</a></li>
  </ul>
</div>
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
$('#kort a').each(function() {
  var cl = this.parentNode.className;
  var href = $('.kort-nav .' + cl + ' a').attr('href')

  this.href = href;
});

            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................