I am trying to add animated scroll loading effects with jquery.

Scripts --> HTML Inserts: Header
CSS --> CSS Inserts
Javascript (jQuery) -->HTML Inserts: Body Bottom

but I can't seem to get it working...
Do you have any idea why?? Am I doing it wrong?

What is the url pointing to a page with the issue?

http://bunkakeisyo.co.jp/test/

this is the page with the issue...

One problem is that the main div that everything is in also has a class of post. Another issue is that the origianl post you are looking at is over a a year and a half old as is reported in the comments of the post.

I'd first try to get it to work in a static page to make sure it still works before attempting to add it to a wordpress site.

sorry,, could you be more specific....?

>One problem is that the main div that everything is in also has a class of post.

Why is that a problem...?


The code works in a static page..Only when I implement in wordpress, it doesn't work...

From my quick look, it looks like the script is keying off the class 'post'. You added a bunch of fiv's with a class of 'post' as the example describes.

However, all your html is in a post and WordPress wraps all the contents of the post in Adobe with a class of 'post' so my guess is the jscript is being applied to that div also causing it not to display.