js提示图像和动画无法正常工作

Question

我是jsfiddle的新手，所以无法弄清楚为什么图片和菜单中的动画不会显示在那里。动画是通过jquery完成的。 我应该通过＆＃34;外部资源添加任何东西＆＃34;标签？ 我的jsfiddle的链接是

http://jsfiddle.net/apurva4689/7wDMX/

我在这里创建一个网站。 jquery代码是：

function mainmenu() {
 $("#bav .inner ul ul").css({
    display: "none"
}); // Opera Fix
$("#bav .inner ul li").hover(function () {
    $(this).find('ul:first').css({
        visibility: "visible",
        display: "none"
    }).slideDown(400, 'backout');
}, function () {
    $(this).find('ul:first').css({
        visibility: "hidden"
    });
});
}
$(document).ready(function () {
mainmenu();
});

$(document).ready(function () {
$(".not li ").hover(function () {
    $('.not li').not(this).stop().animate({
        opacity: 0.4
    }, 400);
}, function () {
    $('.not li').not(this).stop().animate({
        opacity: 1
    }, 400);
});

$(".vision ").click(function () {

    $("#rightcolumn ").html(" < div id = "
    rightcol_h1 " > VISION < /div>");
});
$(".mission").click(function () {
    $("#rightcolumn").html("hi <b>there!</b > ");
});
});
Cufon.replace('.not li a', {
textShadow: 'black 1px 1px',
hover: 'true'
});