jQuery slideDown script not working in simple code example

Question

<!DOCTYPE html> <html> <head> <title> </title> <style> </style> <script type="text/javascript"> $(document).ready(function { $('img').slideDown('slow'); }); </script> </head> <body> <img src="images\sjmak-music-logo.jpeg"/> </body> </html>

The simple code example above is not working; I am attempting to simply make the image slide down from the top of the screen but it stays static. I also attempted to use 'display: none' on the image, but the image remains hidden instead of sliding down from the top.

where is jQuery library added

Arun P Johny
– Arun P Johny

2013-10-21 15:46:36 +00:00
Commented Oct 21, 2013 at 15:46 — Arun P Johny
– Arun P Johny, Commented Oct 21, 2013 at 15:46
Doesn't the img src have to use / not `\`?

Jace Cotton
– Jace Cotton

2013-10-21 15:48:19 +00:00
Commented Oct 21, 2013 at 15:48 — Jace Cotton
– Jace Cotton, Commented Oct 21, 2013 at 15:48

Arun P Johny · Accepted Answer · 2013-10-21 15:54:34Z

You need to include jQuery library file to use jQuery methods.

In the below sample a jquery cdn version is added. Also to slide down an image it has to be hidden first

<!DOCTYPE html> <html> <head> <title> </title> <style> </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('img').slideDown('slow'); }); </script> </head> <body> <img src="images\sjmak-music-logo.jpeg" style="display: none"/> </body> </html>

Demo: Fiddle

Collectives™ on Stack Overflow

jQuery slideDown script not working in simple code example

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related