I'm simply trying to animate some div's I have in my HTML code. I just took a summer course and now that it's over I want to keep coding and learning more, so I'm just messing around, but coming up short.

```
$(document).ready(function() {
    $('div').hover(function() {
        $(this).animate({height: '68px',opacity: '0.3'},'650'),
            function() {
        $(this).animate({height: '45px',opacity: '1.0'},'650');
        };
    });
});

```

As far as I can tell everything is set up fine, and the reason I went with hover is because 'mouseenter/leave' don't work in chrome (for whatever reason). I looked through a bunch of similar questions but couldn't find what I've been looking for.