I am trying to hide a div whenever I will hover over it and show another one in the same place.. And when I take the mouse out of that.. the previous `div` will be shown and this `div` will be hidden...

```
$(document).ready(function(){

      $('#hover_tutor').hover(
         function () {
           $('#hover_tutor').hide();
           $('#hover_tutor_hidden').show();
         }, 
         function () {
           $('#hover_tutor').show();
         $('#hover_tutor_hidden').hide();
         }
     );

   });

  <div id="hover_tutor">Blah</div>
  <div id="hover_tutor_hidden" style="display:none;">Bleh</div>

```

But on hovering the `hover_tutor`... something is happening.. It's jumping up and down.. I don't know what's wrong...