[Alim]

В вашем случае подойдёт

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<style>
.nav_side_div{
width:100px;
}
.nav_side_div_link{
display: block;
}
.nav_side_div_hover{
display: none;
}
</style>
<div id=""class="nav_side_div">
<div id="" class="nav_side_div_hover">
<a href="http://jquery.page2page.ru/">Справочник jq</a>
</div>
<a class="nav_side_div_link" href="https://www.google.ru/">Гугл</a>
</div>

<div id=""class="nav_side_div">
<div id="" class="nav_side_div_hover">
<a href="http://jquery.page2page.ru/">Справочник jq</a>
</div>
<a class="nav_side_div_link" href="https://www.google.ru/">Гугл</a>
</div>


<script>
$(document).ready(function () {
   $('.nav_side_div').mouseover(function(){
      $(this).children('.nav_side_div_link').css('display', 'none');
      $(this).children('.nav_side_div_hover').css('display', 'block');
   });
   $('.nav_side_div').mouseout(function(){
      $(this).children('.nav_side_div_link').removeAttr('style');
      $(this).children('.nav_side_div_hover').removeAttr('style');
   });
});
</script>