Change by jquery css bottom & top more once
<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>
