jquery 隐藏层 显示问题


<script src="images/jquery-1.6.4.min.js"></script>
<script>
var num=0;
function bb()
{$('#more1').hide();
$('#more2').hide();
$('#more3').hide();}
var num=nullfunction aa()
{
if(num==null)
  num=1
else
  num++
if(num==1)
  $('#showmore').toggle(function(){$('#more1').show();} , function(){$('#more').hide();});
else if(num==2)
  $('#showmore').toggle(function(){$('#more2').show();} , function(){$('#more').hide();});
else if(num==3)
  $('#showmore').toggle(function(){$('#more3').show();} , function(){$('#more').hide();});
}
</script><body onload="bb()">
<div id="more1">11</div>
<div id="more2">22</div>
<div id="more3">33</div>
    <button id="showmore" onclick="aa()">更多...</button>  
</div>
</body>
为什么第一次点击的时候"more1"里面的数据不能显示，第二次点击的时候会同时出现"more1"和"more2"的数据
而以后每次点击就都没有问题了？？？

解决方案 »

  1.   

    $('#showmore').toggle(function(){$('#more1').show();} , function(){$('#more').hide();});
      

  2.   

    不是这个原因，</div>是我整理代码的时候忘删的..
      

  3.   


    <script src="images/jquery-1.6.4.min.js"></script>
    <script>
    $(document).ready(function(){
    {$('#more1').hide();
    $('#more2').hide();
    $('#more3').hide();}
      $("#showmore").toggle(
      function(){$('#more1').show();},
      function(){$('#more2').show();},
      function(){$('#more3').show();}
      );
    });
    </script>
    明白了 怎么就没去了解下这个函数呢...