jQuery Change CSS after 1 second

Question

I have what I believe to be the correct code, but it's not working, maybe I just need another pair of eyes to look at it? I'm trying to change the display style after 1 second.

<script>
  $(document).ready(function () {
    setTimeout( "$('#imgbl1').css("display", "block");",1000);
  });

</script>

Answer 1

You have to write like this.

<script>

$(document).ready(function () {
    setTimeout( function(){
        $('#imgbl1').css("display", "block");
    },1000);
});

</script>

Answer 2

Wrap your code in an anonymous function. Change it to:

$(document).ready(function () {
  setTimeout( function(){ $('#imgbl1').css("display", "block"); }, 1000 );
});

jsFiddle example

Answer 3

Use an Anonymous Function:

<script>
  $(document).ready(function () {
    setTimeout( function ( ) {
         $('#imgbl1').css("display", "block");
       },1000);
  });

</script>

setTimeout expects a function as its first argument, be this a function handle (i.e. the name of a function) or an anonymous one as above.