jquery对div实现轮换效果(从上到下...)

< script  src ="lib/jquery.js"  type ="text/javascript" ></ script >
< body >
< input  type ="button"  id ="showDiv_1"  value ="show 1" />
< div  id ="GridView1" >
< dt > What shouldn't I do to the bird? 111 </ dt >
< dd > 111111111111111111111111111 </ dd >
</ div >
< div  id ="GridView2" >
< dt > What shouldn't I do to the bird? 222 </ dt >
< dd > 222222222222222222222222222 </ dd >
</ div >
< br />
< input  type ="button"  id ="showDiv_2"  value ="show 2" />
< script  language = "JavaScript"  type ="text/javascript" > ...   
 $('#showDiv_1').click(function() ...{  showDiv(1,2);  });
 $('#showDiv_2').click(function() ...{  showDiv(2,2);  });
function showDiv(ar,sar)...{
         for(var i=1;i<=sar;i++)...{
             var answer = $("#GridView"+i);
             if(i == ar)  ...{ 
                  if(answer.is(':visible'))  answer.slideUp(); 
                  else    answer.slideDown(); 
             }
             else $("#GridView"+i).slideUp();
         } 
 }
 
</ script >  
</ body >