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 >