I'm developing a site where I have two galleries loaded on demand (which are children of the "Gallery" page).  The main pages crossfade and I am trying to do the same with the gallery sub-pages but I'm having a problem where I want to load the divs hidden but haven't had any luck.  I've tried many things so maybe there's some limitation I have to work around in this scenario.

 

Walk Through:

Go to the  SITE then go to the Gallery page.  If you click the "Antiques" button you will see the gallery fade in very fast.  Now, go back to the Paintings page and the fade will be normal.  Every time after this the two pages fade fine.  The problem resides where I can't get the page to be hidden on load so I can fade it in.  Once it's been loaded this isn't an issue.

I have tried using a hidden class, but I can't seem to remove the class (tried adding a class as well but wouldn't work either).  Don't know if it's because the page isn't loaded right at startup and it can't find the id or what, but I scrapped the idea.  I would use it again if someone could help me figure out why I can't communicate with my externally loaded div.

Search for "Gallery Nav Buttons" for the main functionality.

Note:  I know the reason why the default page fades fine the first time it's viewed.  It's because the page it resides on is also fading in so...

Let me know if you need more info and I will provide.

Thanks everyone