1

I'm trying to make a fadeIn() and slideDown() in jquery, but it does not want to work in chrome. Here's the code 

$(function (){

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

})

and here's the html code of it :

<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>
niksvp
  • 5,545
  • 2
  • 24
  • 41
user2841984
  • 13
  • 1
  • 3
  • is this not what you want: http://jsfiddle.net/EakzN/ Seems to work when you comment out first line of jQuery. There is no id "wrap" in your HTML provided. – 97ldave Oct 03 '13 at 10:15
  • your first animation is trying to hide and show the element at the same time – Patrick Evans Oct 03 '13 at 10:16
  • Ditto, this is kind of working for me: http://jsfiddle.net/lharby/Qpr79/ – lharby Oct 03 '13 at 10:16
  • missing semi-colons too – Mmmh mmh Oct 03 '13 at 10:17
  • 1
    @AurélienOoms semi-colons are _optional_ in most situations - see http://stackoverflow.com/questions/2846283/what-are-the-rules-for-javascripts-automatic-semicolon-insertion-asi – andyb Oct 03 '13 at 10:24

2 Answers2

0

Tested in JSFiddle and seems working fine, make sure you have JQuery Library link included.

Venzentx
  • 487
  • 3
  • 6
  • 17
0

Import jquery < script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" >

and then try to load the function after the Dom is ready: 

$( document ).ready(function() {
    $('#wrap h1').hide().slideDown(3000)**;**
    $('.circles_1 img').hide().delay(3000).fadeIn(5000)**;**
});

And dont forget the ;

Cheers.

Tiago
  • 358
  • 2
  • 14
  • Semi-colons are optional in most situations - see http://stackoverflow.com/questions/2846283/what-are-the-rules-for-javascripts-automatic-semicolon-insertion-asi – andyb Oct 03 '13 at 12:38