I am trying to use the fade in effect in Drupal when I load a page.
In my Omega sub-theme I have included the following line in its .info file.
scripts[] = '/js/custom.js'
In the script, I have included the following code.
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(2000);
});
If I load the page, I see no effect at all, but I clearly see that my JavaScript is in the header.
<script type="text/javascript" src="http://localhost/innodru/sites/all/themes/CHILDTHEME/js/custom.js?m2zpiw"></script>
I have cleaned the cache and tried a lot of things, but it does not look like is working. I am using Drupal 7.