On Complete Animation not working :/
<p>I have a code that resizes a container div on hover - and I tried to resize a jquery scrollbar inside that container on animation complete - however I broke the whole code and I'm not sure how.</p>

<p>Here's the original:</p>

<pre><code>$(document).ready(function(){
$('.scroll-pane').hover(function() {
    $('.leftmofo').animate({
        width: '600px'
        }, 300);

$('.scroll-pane').jScrollPane({showArrows:false,dragMaxHeight:
100,wheelSpeed:20}); 

},function() {
    $('.leftmofo').animate({
        width: '256px'
        }, 300);
});



});
</code></pre>

<p>And here's what I did:</p>

<pre><code>$(document).ready(function(){
$('.scroll-pane').animate({width: '600px'}, 300, function() {
    $('.scroll-pane').jScrollPane({showArrows:false,dragMaxHeight: 100,wheelSpeed:20});  

},function() {
    $('.leftmofo').animate({
        width: '256px'
        }, 300);
});



});
</code></pre>

<p>Not sure where I went wrong, any help is appreciated :)))
Thanks :)</p>

<p>Here's a demo of the original:
<a href="http://jsfiddle.net/pufamuf/RmvVc/" rel="nofollow">http://jsfiddle.net/pufamuf/RmvVc/</a></p>
