Javascript Issue With Easyslider

First visit this page and hover your mouse over the menu: http://milabalami.com/saved/2/index.php Then visit this Wordpress page where I have implemented the exact same code: http:

Solution 1:

It looks like somewhere along the way, the $ got overridden. You can still use your code, however, by using jQuery instead of $ -

jQuery(document).ready(function($) {
    $("#featured").easySlider({
        speed: 400
    });

    $("#menu ul li a[class!='current']")
    .css( {backgroundPosition: "200px 2px"} )
    .mouseover(function(){
        $(this).stop().animate({backgroundPosition:"(0 2px)"}, {duration:400})
    })
    .mouseout(function(){
        $(this).stop().animate({backgroundPosition:"(200px 2px)"}, {duration:400})
    })
});

It's a stopgap measure, however. You should combine all your code into a single file, instead of separating them out like they are right now, and reduce your dependency on plugins.