why css on Background displays when page loaded..? -
i have junk of css in background when load page css shows tag , css have applied should not showing background css , tag when loading page?
any idea friends?
background css means
suppose displaying 2 buttons login , signup , on clicking of signup or login div comes form when loading page not directly showing login , signup button first fraction of second showing both form 2 buttons
here's jsfiddle
at js fiddle not able see effect when load page both div loginpage eel signup page displays short time 2 button being display
what can reason behind that? hide operation ? or else or hide operation hiding them in starting ?
rather hiding divs using javascript. hide them in html using style="display:none;"
//$('#loginpage').hide(); //$('#signuppage').hide(); $('#login').click(function(){ $('#loginpage').stop().toggle('slow').animate(1000); }); $('#signup').click(function(){ $('#signuppage').stop().toggle('slow').animate(1000); });
input[type=submit] { display:block; margin: 0 auto; } input[type=text],input[type=password]{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; border: solid 1px blue; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id ="loginsignup"> <input type="button" id ="login" value="login"/> <input type="button" id ="signup" value="signup"/> </div> <div id="loginpage" style="display:none;"> <table align="center"> <tr> <td> email : </td> <td> <input type="text" id="unamelogin" name="unamelogin" /> </td> </tr> <tr> <td> password : </td> <td> <input type="password" id="pswlogin" name="pswlogin" /> </td> </tr> </table> <input type="submit" id ="loginsubmit" value="login"/> </div> <div id="signuppage" style="display:none;"> <table align="center"> <tr> <td> email : </td> <td> <input type="text" id="emaillogin" name="emaillogin" /> </td> </tr> <tr> <td> username : </td> <td> <input type="text" id="unamelogin" name="unamelogin" /> </td> </tr> <tr> <td> password : </td> <td> <input type="password" id="pswlogin" name="pswlogin" /> </td> </tr> <tr> <td> confirm password : </td> <td> <input type="password" id="pswagain" name="pswagain" /> </td> </tr> </table> <input type="submit" id ="signupsubmit" value="signup"/> </div>