quando eu clico no link 2 ou 3 é o 1 que fica verde

Gente eu tenho o seguinte script:

<p>Clique no link abaixo e espere 10 segundos para mudar de cor</p>

<a id="mudarDeCor" href="[https://br.answers.yahoo.com](https://br.answers.yahoo.com)" onclick="myFunction()" target="_blank">Clique Aqui</a> <br/><br/>
<a id="mudarDeCor" href="[https://br.answers.yahoo.com](https://br.answers.yahoo.com)" onclick="myFunction()" target="_blank">Clique Aqui2</a> <br/><br/>
<a id="mudarDeCor" href="[https://br.answers.yahoo.com](https://br.answers.yahoo.com)" onclick="myFunction()" target="_blank">Clique Aqui3</a> <br/><br/>

<script language="javascript">
 function myFunction() {
 document.getElementById("mudarDeCor").style.color = "green";
 setTimeout(function(){
 document.getElementById("mudarDeCor").style.color = "blue";
 }, 10000);
 }
</script>

Tem um erro nele, quando eu clico no link 2 ou 3 é o 1 que fica verde. Tem como me ajudar? Quero que quando clicar no 1 ele fique verde quando clicar no 2 o próprio 2 fique ver e assim segue...