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;"

js-fiddle

//$('#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>


Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

utf 8 - split utf-8 string into bytes in python -