<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="wrapper1">
<p>best partners 1</p>
</div>
<div id="wrapper2">
<p>best partners 2</p>
</div>
<body>
<div id="wrapper3">
<p>best partners 3</p>
</div>
<body>
<script>
get=document.querySelector.bind(document)
wrapper1=get("#wrapper1")
wrapper2=get("#wrapper2")
wrapper3=get("#wrapper3")
go=function(el){return function(){ el.innerHTML="thanks"; el.onclick=null; setTimeout(function(){open("http://javascript.ru")}, 1000);}}
wrapper1.onclick=wrapper2.onclick=wrapper3.onclick=function(){
this.innerHTML="<a href='#'>click here to go to the site</a>"; this.onclick=go(this)}
</script>
</body>
</html>