Is there a simple way to add animations to static HTML page navigations? My client didn't want any animations initially, so I used static HTML pages on the site I'm building, now, the site being almost finished he changed his mind. I only need a simple fade effect to one specific div when using page navigation. (link tags)
If he had told me before that he wants animations on the site, I would have used ajax as always, adding the fade effect like this (using jQuery):
$(target).fadeout();
$(target).load(url, function() {
$(this).fadein();
});
I really don't feel like rewriting the whole site to use ajax, and my client doesn't feel like either to pay a surplus because of this.
<script src="mydivfade.js">. If the div always has the same class or id, it should magically work once you write the script once. Am I missing something?