악~~ 능력자분들 HELP ME~ ㅠㅠ

지금 홈페이지를 하나 만들려고 하는데요...

SPAN 함수로 표가 보였다 가 안보였다가 일케 만들어야 하는데...

id 호출을 하니깐 하나면 변해요 ㅠㅠ 하나씩 하나씩 다른것들도 다바뀌어야 하는데...

<td bgcolor="#EBEBEB" style="border-width:1; border-color:rgb(204,204,204); border-style:solid;">성별</td>
<td colspan="2" style="border-width:1; border-color:rgb(204,204,204); border-style:solid;">
<input name=inter_prod type=radio onClick="LyOn('cool1'); LyOff('cool2');" value=1 checked>
바지
<input onClick="LyOff('cool1'); LyOn('cool2');" type=radio value=0 name=inter_prod>
치마 </td>
</tr>
<tr>
<td width="75" bgcolor="#EBEBEB" style="border-width:1; border-color:rgb(204,204,204); border-style:solid;">

<span id=cool1 style="display: block; margin-left: 0px;"> <p align="left">상의종류</p></span>
</td>
<td width="288" style="border-width:1; border-color:rgb(204,204,204); border-style:solid;">
<span id=cool1 style="display: block; margin-left: 0px;">
<input onClick="LyOn('etc1'); LyOff('etc2');" type=radio value=1 name=etc  checked>
티셔츠
<input onClick="LyOff('etc1'); LyOn('etc2');" type=radio value=2 name=etc>
셔츠
</span>
<span id=cool2 style="display: none; margin-left: 0px;">
<input onClick="LyOn('goods1'); LyOff('goods2'); LyOff('goods3');" type=radio value=0 name=inter_prod  checked>티셔츠
<input onClick="LyOff('goods1'); LyOff('goods2'); LyOn('goods3');" type=radio value=2 name=inter_prod>셔츠
<input onClick="LyOff('goods1'); LyOn('goods2'); LyOff('goods3');" type=radio value=1 name=inter_prod>블라우스
</span>
</td>
<td width="86" bgcolor="#EBEBEB" style="border-width:1; border-color:rgb(204,204,204); border-style:solid;">

<span id=cool1 style="display: block; margin-left: 0px;"> <p align="left">재산</p></span>
<span id=cool2 style="display: none; margin-left: 0px;"> <p align="left">학력</p></span>

대강 이런식임... id=cool1 <== 요놈을 자주 불러와야 할꺼 같은데 ㅠㅠ 안불러와짐 ㅠㅠ 도와주세욥..
ㅠㅠ