I have header with menu where on click on menu it scroll down to div with similar id here is code:

```
 $(".menu").click(function(){     
   var y = $(this).attr('id');
   var x = $('#'+y+'e').offset().top;
   $('.row').animate({scrollTop:x-60},1000);
 });

```

[Example here](http://www.digybridg.com)
But when I click about and after that scroll click register it does nothing and when i click contact which is after register it scroll down to register and when I click contact again it go back to about.
It works only if I click about twice or about and home after and after that some other from menu. Try it you will see what am I talking about....

html code:

```
<div class="row">
<div id="homee" class="content" style="background: red;"></div>
<div id="aboute" class="content" style="background: blue;"></div>
<div id="registere" class="content" style="background: yellow;"></div>
<div id="contacte" class="content" style="background: green;"></div>

</div>

```