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... 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". 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
Archived
This topic is now archived and is closed to further replies.