jquery unexpected token
<p>I'm having some trouble with my jquery script as it keeps having trouble with an </p>

<blockquote>
  <p>Uncaught SyntaxError: Unexpected token .</p>
</blockquote>

<pre><code>$("#hm_01").mouseover(function(){
    $(.hover_top).delay(700).css(opacity: 1;-webkit-transform:translate(-10px,-10px));
    $(.hover_top).css(opacity: 1;animation: hover 0.7s;-webkit-animation: hover 0.7s);
    $(.hover_bottom).delay(700).css(opacity:1); 
    $(.hover_bottom).css(animation:reveal 1s;-webkit-animation: reveal 1s);
});
</code></pre>

<p>Additionally, I was wondering whether or not it would be possible that I can call a jquery script by function name. For instance, my div has a <em>onmouseover="script()"</em> and my <em>script()</em> is defined like</p>

<pre><code>function hm_01(){
    $(.hover_top).delay(700).css(
        opacity: 1;
        -webkit-transform:translate(-10px,-10px);
    );
};
</code></pre>

<p>Thanks!</p>
