Jquery Show hide for table
I am a newbie to jquery
I want this javscript code to be converted using jquery
<script type="text/javascript">
function check()
{
var h1= document.getElementById("hid1").style;
var h2= document.getElementById("hid2").style;
if(h1.visibility=="hidden" && h2.visibility=="hidden")
{
h1.visibility="visible";
h2.visibility="visible";
}
else
{
h1.visibility="hidden";
h2.visibility="hidden";
}
}
</script>
<tr>
<td>
<input type="radio" name="ia_code" id="ia_code" value="IA1" > IA 1<br>
<input type="radio" name="ia_code" id="ia_code" value="IA2"> IA 2<br>
<input type="radio" name="ia_code" id="ia_code" value="IA3"> IA 3<br>
<input type="radio" name="ia_code" id="ia_code" onclick="check()" value="fin"> Consolidated IA<br>
</td></tr>
<tr id="hid1" style= "visibility: hidden;">
<td>Sem</td>
<td>
<select name="sem" >
<?php for($i=1;$i<=5;$i++) { ?>
<option><?php echo $i; ?> </option>
<?php } ?>
</select>
</td>
</tr>
<tr id="hid2" style= "visibility: hidden;">
<td>Acedemic Year</td>
<td><input type="text" name="acc_year" size="4"></td>
</tr>
The sem and accedemic year are hidden on click of IA Code 3 radio button the fields are show and on click on same button it becomes hidden
can any one please help