[artemii]

<style>
div {width:50px;
       height:20px;
       background:gray;
       border:1px solid black;}
</style>
<div id = "idglub1">idglub1</div>
<div id = "idglub2">idglub2</div>
<div id = "idglub3">idglub3</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
var refer = ['Ссылка1','Ссылка2','Ссылка3'];
 $("div[id*=idglub]").on('click', function(){
     var idx = +this.id.replace(/\D+/g,"") - 1;
     alert(refer[idx]);
    //  document.location.href = refer[idx];
 });
</script>

<script type="text/javascript">
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"
ar refer = ['Ссылка1','Ссылка2','Ссылка3'];
 $("div[id*=idglub]").on('click', function(){
     var idx = +this.id.replace(/\D+/g,"") - 1;
     alert(refer[idx]);
 });</script>

Я конечно же вставил свои ссылки) Но не работает
Нужно для того чтобы кликабельным был ВЕСЬ блок (квадратик этот анимированный, а не только картинка и заголовок)

Подскажите пожалуйста в чем ошибка