Javascript 淡出和淡出不工作

我是jQuery的新手，一直在摆弄我的代码以使其正常工作，但迄今为止没有成功。jQuery不工作，一开始我认为它没有相应地指向index.html文件。因此多次更改了文件目录和jQuery代码。仍然不起作用。 Css和HTML工作正常

Html:

---

您必须在

#eagleOne，#eagleTwo

两个div中添加内容，但效果不会显示，直到您添加内容或设置使两个div可视化的样式，我已经尝试过

<section id="epic_home">
 <div id="eagleOne">data1</div>
 <div id="eagleTwo">data2</div>
</section>

---

查看js fiddle演示

有什么问题？我知道，它在这里运行得很好，但它对我不起作用。您认为它可能是什么？您添加了jQuery库吗？cmd+opt+i打开consoleNo问题，很高兴您发现了：）在本例中，内容是.png文件，不需要文本。不过还是谢谢你。这里的问题是，我正在保存一个没有保存的文件，因为该文件已被移动。无论如何，我给了你一分；）

#eagleOne, #eagleTwo {
    background: url('../images/homepage-eagle.png');
    background-size: 100% 100%;
    display: block;
    height: 60%;
    left: 32%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 20%;
    width: 36%;}

#eagleOne, #eagleTwo{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}

#eagleTwo{
    display: none;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}

 $(document).ready(function(){
  $("#epic_home").on("mouseenter", "#eagleOne", function(){
    $("#eagleOne").fadeOut(2000);
    $("#eagleTwo").fadeIn(2000);
  });
});

<section id="epic_home">
 <div id="eagleOne">data1</div>
 <div id="eagleTwo">data2</div>
</section>

#eagleOne, #eagleTwo {
background: url('../images/homepage-eagle.png');
background-size: 100% 100%;
display: block;
height: 60%;
left: 32%;
margin-left: auto;
margin-right: auto;
position: fixed;
top: 20%;
width: 36%;
border:1px solid #565656; /* for visualize your div */
}