title: Change by jquery css bottom & top more once
body: <p>Is it <strong>something wrong or jquery bug?</strong></p>
  
  <p>So we have such code for example and in <strong>third click the layer don't change to bottom</strong> again..</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #menu1 {
    width:100%; 
    height:32px; 
    overflow:hidden; 
    background:#ff0033; 
    position:fixed; 
    left:0px; 
    cursor:pointer; 
    bottom:174px;
  }
  #content1 {
    position:fixed; 
    width:100%; 
    left:0; 
    overflow:auto; 
    background:blue; 
    height:200px;  
    bottom:300px;
  }
  &lt;/style&gt;
  </code></pre>
  
  
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function(){
    var click1=0;
    $("#menu1").click(function () {
      if (click1==0) {
        $("#content1").css({ bottom: "250px", display: "block", position: "fixed" });
        click1 = 1;
      } else {
        $("#content1").css({ top: "100px", "display": "block", display: "block", position: "fixed" });
        click1 = 0;
      }
    });
  });
  &lt;/script&gt;
  </code></pre>