Description of my code: I have many "a" tag dynamically changing my "iframe" attribute sources. im using animate() because fadeOut() fadeIn() doesn't work because i have transition inside my CSS on my iFrame tag. I'm using negative value on opacity to increase the effect time.the effect side work perfectly

My Problem: nothing change inside my iframe
i dont find out my error ?

thanks in advance

 $(document).ready(function(){ $("a").click(function(e) { e.preventDefault(); $('#iFrameA').animate({opacity:"-5"}) .delay(600) .queue(function(next) { $("#iFrameA").attr("src", $(this).attr("href")); next(); }) .delay(600) .animate({opacity:"2"}) .dequeue() }); });