Try this:
======================================
<html>
<head>
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o";
ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body>
<div align="center">
<div align="center">
<b>
<h2>Search any Events</b></h2>
</div>
<form>
<table border="0" id="select">
<tr>
<td>
<input type="radio" align="center" id="country_id" name="select" value ="country" onclick="FP_changeProp(/*id*/'country1',0,'style.visibility','visible'); FP_changeProp(/*id*/'state1',0,'style.visibility','hidden'); FP_changeProp(/*id*/'festival1',0,'style.visibility','hidden')"></td>
<td>Country</td>
<br>
</tr>
<tr>
<td>
<input type="radio" align="center" id="state_id" name="select" value="state" onclick="FP_changeProp(/*id*/'country1',0,'style.visibility','hidden'); FP_changeProp(/*id*/'state1',0,'style.visibility','visible'); FP_changeProp(/*id*/'festival1',0,'style.visibility','hidden')"></td>
<td>State</td>
<br>
<br>
<br>
</tr>
<tr>
<td>
<input type="radio" align="center" id="festival_id" name="select" value="festival" onclick="FP_changeProp(/*id*/'country1',0,'style.visibility','hidden'); FP_changeProp(/*id*/'state1',0,'style.visibility','hidden'); FP_changeProp(/*id*/'festival1',0,'style.visibility','visible')"></td>
<td>Festival</td>
<br>
<br>
<br>
</tr>
</table>
<div id="country1" style="position: absolute; visibility: hidden">
<table width="3" border="1" align="center">
<div id="coundiv_id" align="center">
Country details Search</div>
<tr>
<td>Country</td>
<td><select name></select></td>
</td>
</tr>
<input type="button" value="submit" name="Go" id="button_id">
</table>
</div>
<div id="state1" style="position: absolute; visibility: hidden">
<table width="3" border="1" align="center">
<div id="statediv_id" align="center">
State details Search</div>
<tr>
<td>State</td>
<td><select name></select></td>
</tr>
</table>
</div>
<div id="festival1" style="position: absolute; visibility: hidden">
<table width="3" border="1" align="center">
<div id="fesdiv_id" align="center">
Festival details Search</div>
<tr>
<td>Festival</td>
<td><select name></select></td>
</tr>
</div>
</table>
</div>
</form>
</div>
</body>
</html>
========================================
