in my #testimonials div.
Here's what I've got:
<script type="text/JavaScript" src="/jquery.js"></script>
<script type="text/JavaScript" src="/jquery.timers.js"></script> //
neat plugin I found here: http://jquery.offput.ca/every/
<script type="text/JavaScript">
$(document).ready(function(){
$("#testimonials").everyTime(10000, function () { //
everyTime repeats every 10 seconds
$("#testimonials p").fadeOut("slow", callback()).fadeIn("slow");
});
function callback() {
$("#testimonials").load("/randomtestimonial.php");
}
});
</script>
If I remove the callback from fadeOut, my text fades out and fades in
nicely like it should, but as soon as I grab the new text via my load
command in the callback function it displays it immediately so the
text just pops in without the animation.
I've tried a bunch of things to prevent this but my JQuery skills
aren't exactly refined yet. Any suggestions as to something that may
work?