Javascript jquery效果不希望在google chrome中工作。怎么了？

我试图在jquery中制作fadeIn和slideDown，但它不想在chrome中工作。这是密码

$(function (){

    $('#wrap h1').hide().slideDown(3000)
    $('.circles_1 img').hide().delay(3000).fadeIn(5000)

})

下面是它的html代码：

<section id="circles">

<figure class="circles_1"><a href="photoshop.html">image 1<img        src="images/photoshop.png"/></a></figure>

<figure class="circles_1"><a href="illustrator.html">image 2<img src="images/illustrator.png"/></a></figure>

<figure class="circles_1"><a href="indesign.html">image 3<img src="images/indesign.png"/></a></figure>

<figure class="circles_1"><a href="websites.html">image 4<img src="images/websites.png"/></a></figure>


</section>

在中进行了测试，似乎工作正常，请确保包含JQuery库链接

导入jquery