[Hosi]

Доброго времени суток. Прошу прощения за ламерский вопрос, это мой первый опыт работы со скриптами и html.

Скрипт я взяла из сети.
Суть проблемы: При нажатии на кнопку "Культура" разворачивается список кнопки "Религия Японии". А нужно, чтобы разворачивался список той кнопки, на которую щелкают.

<script><!--
function Sim_Sim_Otkroysya()
{
var obj=document.getElementById('Sim_Sim');
if(obj.style.display=='none')
obj.style.display='block';
else
obj.style.display='none';
}

function chg(id,chk){
var el = document.getElementById(id);
var ch = document.getElementById(chk);
if (el.src.indexOf("down.gif")>0){
el.src="up.gif"
ch.checked="true";
}else{
el.src="down.gif"
ch.checked="";
}
}
--></script>
  <tr>
    <td height="23" valign="top"> 
<div><a href='javascript: Sim_Sim_Otkroysya()'>
<div id="img_1" onClick="chg(this.id,'check')"><font color="black">Религия Японии</font></div></a></div>
<div name=Sim_Sim id=Sim_Sim style='text-indent:12pt;display:none'>
<ul>
<li><a href="#"><font color="black">1</font></a>
<li><a href="#"><font color="black">2</font></a>
<li><a href="#"><font color="black">3</font></a>
<li><a href="#"><font color="black">4</font></a>
</ul>
</div></td>
  </tr>
    <tr>
    <td height="23" valign="top"> 
<div><a href='javascript: Sim_Sim_Otkroysya()'>
<div id="img_1" onClick="chg(this.id,'check')"><font color="black">Культура</font></div></a></div>
<div name=Sim_Sim id=Sim_Sim style='text-indent:12pt;display:none'>
<ul>
<li><a href="#"><font color="black">1</font></a>
<li><a href="#"><font color="black">2</font></a>
<li><a href="#"><font color="black">3</font></a>
<li><a href="#"><font color="black">4</font></a>
</ul>
</div></td>