WordPress Jquery Fade in, Fade out effect
<p>I'm following <a href="http://hv-designs.co.uk/2010/01/13/learn-how-to-add-a-jquery-fade-in-and-out-effect/" rel="nofollow">a tutorial</a>.</p>

<p>I've included the hover.js with the following code:</p>

<pre><code>$(function() {
    // OPACITY OF BUTTON SET TO 50%
    $(".imgopacity").css("opacity","0.5");

    // ON MOUSE OVER
    $(".imgopacity").hover(function () {
        // SET OPACITY TO 100%
        $(this).stop().animate({
            opacity: 1.0
        }, "slow");
    },

    // ON MOUSE OUT
    function () {
        // SET OPACITY BACK TO 50%
        $(this).stop().animate({
            opacity: 0.5
        }, "slow");
    });
});
</code></pre>

<p>But it doesn't work, on chrome it says:
<a href="http://i52.tinypic.com/4jnsdd.png" rel="nofollow">http://i52.tinypic.com/4jnsdd.png</a></p>

<p>Here's the site i'm working on: <a href="http://goo.gl/dlB1u" rel="nofollow">http://goo.gl/dlB1u</a></p>

<p>and this is the image wherein i applied the effect/css class:
<a href="http://i54.tinypic.com/6h1ds0.png" rel="nofollow">http://i54.tinypic.com/6h1ds0.png</a></p>

<p><em>sorry for posting image urls it says i can't post images yet on stackexchange</em></p>
