```
$('#closecallout').click(function() {
    $('.callout').animate({"right" : "-260px"}, 500).addClass('calloutclosed');
});
$('.calloutclosed').hover(function() {
    $(this).animate({"right" : "0px"}, 500);
}, function() {
    $(this).animate({"right" : "-260px"}, 500);
});

```

The click function is meant to 'hide' the callout box, and then afterwards, when hovered, it will move back into focus.

Why does the hover function not work? Is it because these are both within a `jQuery(function($){ });` ?

What steps should I take to rectify this?

<http://jsfiddle.net/R5Dmu/>

Many thanks SO