Cambiar tipo de texto al pulsar un link

[borjaj]

Ya estoy mas cerca de la solución

Tengo el siguiente código:

Código HTML:

<ul>
    <li><a href="#id1"><div id="id1">Block 1</div></a></li>
    <li><a href="#id2"><div id="id2">Block 2</div></a></li>
    <li><a href="#id3"><div id="id3">Block 3</div></a></li>
    <li><a href="#id4"><div id="id4">Block 4</div></a></li>
</ul>
 

Y el siguiente

Código CSS:

/* Add some spacing */
ul, div
{
 
}
 
/* Default block styles */   
div
{
 
}
 
/* Change its appearance when it's matched */    
div:target
{
    border-color: #9c9c9c;      
    -moz-box-shadow: 0 0 4px #9c9c9c;
    -webkit-box-shadow: 0 0 4px #9c9c9c;
    box-shadow: 0 0 4px #9c9c9c;
    font-weight: bold;
}
 

Bien, ahora lo que quiero es eliminar el salto que produce :target

Y tengo el siguiente codigo para ello

Código Javascript:

$("a[href^=#]").on("click", function(e) { e.preventDefault(); history.pushState({}, "", this.href); });
 

¿Como tengo que hacer para que se active ese codigo javascript?