< 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 >