liomon41 Posted March 24, 2012 Share Posted March 24, 2012 <style> #result { display:none; height: 40px; width: 30px; } </style> <body> <div id = "content"> <form id = "form1"> // content goes here........ </form> </div> <div id = "results"> // contents goes here..... </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function (){ $('#content').fadeTo( 'slow', 0.2); $('#result').hide().fadeIn( 'slow'); }); </script> </body> Basically what im trying to do is when the page loads the #content div should fadeTo to background while the #result should fadeIn... This works perfectly fine in IE 9 but not google chrome or firefox. Any ideas y this is so.. Thanks for your reply... Quote Link to comment https://forums.phpfreaks.com/topic/259653-fadein-not-working-in-google-chrome-and-firefox/ Share on other sites More sharing options...
Adam Posted March 26, 2012 Share Posted March 26, 2012 Your selectors refer to the DIV by "#result", instead of "#results". Quote Link to comment https://forums.phpfreaks.com/topic/259653-fadein-not-working-in-google-chrome-and-firefox/#findComment-1331208 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.