Javascript 如何在列表项悬停时切换类的可见性？

当我将鼠标悬停在“.block1”上时，我试图切换“.image1”的可见性，但我没有成功。我错过了什么？有人能帮我吗

HTML:

---

这是我的

我想你忘了在JSFIDLE上选择jQuery框架。在页面中使用jQuery库之前先添加它

在根目录下的js文件夹中添加网站中的库文件

<script type="text/javascript" src="/js/jQuery.min.js"></script>

---

我想您忘了在JSFIDLE上选择jQuery框架。在页面中使用jQuery库之前先添加它

在根目录下的js文件夹中添加网站中的库文件

<script type="text/javascript" src="/js/jQuery.min.js"></script>

---

哈哈，谢谢！由于某些原因，它仍然不能在本地工作。这让我抓狂。你在本地添加了jQuery文件吗？你忘了在JSFIDLE中加载库文件这里是更新链接[1]：我没有关闭脚本标记：/很好，哈哈！谢谢你们两位的帮助！哈哈，谢谢！由于某些原因，它仍然不能在本地工作。这让我抓狂。你在本地添加了jQuery文件吗？你忘了在JSFIDLE中加载库文件这里是更新链接[1]：我没有关闭脚本标记：/很好，哈哈！谢谢你们两位的帮助！

<script type="text/javascript" src="/js/jQuery.min.js"></script>

<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

$(document).ready(function () {
    $(".block1").hover(function(){
        $(".image1").fadeTo("slow", 1);
        },function(){
            $(".image1").fadeTo("slow", 0);
    });
});