انجام عمل mouse Move

[water_lily_2012]

سلام
من چند تا لینک دارم که می خواهم با قرارگیری موس روی ان ها تگ div داخل ان با کلاس shadow نمایش داده شود.در حال عادی نمایش داده نمی شود.
لطفا راهنمایی کنید نحوه نوشتن CSS و JQuery ان را.


<a class="tile1 tile">
<div class="shadow"></div>
</a>
<a class="tile2 tile">
<div class="shadow"></div>
</a>
<a class="tile3 tile">
<div class="shadow"></div>
</a>
<a class="tile4 tile">
<div class="shadow"></div>
</a>
<a class="tile5 tile">
<div class="shadow"></div>
</a>


.shadow {
width:100%;
height:100%;
border:1px ridge white;
box-shadow:1px 1px 9px 3px pink;
visibility:hidden;
}
تشکر

[jalil_gh]

نیازی به جی‌کوئری نیست که؟؟
با css میشه.
.tile:hover .shadow {
visibility: visible;
}