求一段单纯的div内元素隐藏显示的代码
2010年8月7日，重新修改重新修改：
。。。。
。。。。
<div id="pireFu" class="newClothesText">
<ul>
<li id="pidaireone" onclick="xunhuan('pireFu','Pire_125')" ><span><img id="beijing" src="images/conIcon_06.jpg" /></span>置热产品</li>
<div id="Pire_125">
<li class="newClothesTextPic" id="reili_125"><img onload="javascript:DrawImage(this,235,118)" src="upFile/Images/201086/20100806094857484.jpg" id="reimg_125" /></li>
</div>
<li id="pidaireone" onclick="xunhuan('pireFu','Pire_124')" ><span><img id="beijing" src="images/conIcon_06.jpg" /></span>置热产品</li>
<div id="Pire_124">
<li class="newClothesTextPic" id="reili_124"><img onload="javascript:DrawImage(this,235,118)" src="upFile/Images/201086/20100806094843843.jpg" id="reimg_124" /></li>
</div>
<li id="pidaireone" onclick="xunhuan('pireFu','Pire_123')" ><span><img id="beijing" src="images/conIcon_06.jpg" /></span>置热产品</li>
<div id="Pire_123">
<li class="newClothesTextPic" id="reili_123"><img onload="javascript:DrawImage(this,235,118)" src="upFile/Images/201086/20100806094829296.jpg" id="reimg_123" /></li>
</div>
<li id="pidaireone" onclick="xunhuan('pireFu','Pire_122')" ><span><img id="beijing" src="images/conIcon_06.jpg" /></span>置热产品</li>
<div id="Pire_122">
<li class="newClothesTextPic" id="reili_122"><img onload="javascript:DrawImage(this,235,118)" src="upFile/Images/201086/20100806094814328.jpg" id="reimg_122" /></li>
</div>
<li id="pidaireone" onclick="xunhuan('pireFu','Pire_121')" ><span><img id="beijing" src="images/conIcon_06.jpg" /></span>置热产品</li>
<div id="Pire_121">
<li class="newClothesTextPic" id="reili_121"><img onload="javascript:DrawImage(this,235,118)" src="upFile/Images/201086/20100806094758859.jpg" id="reimg_121" /></li>
</div>
<li id="pidaireone" onclick="xunhuan('pireFu','Pire_120')" ><span><img id="beijing" src="images/conIcon_06.jpg" /></span>置热产品</li>
<div id="Pire_120">
<li class="newClothesTextPic" id="reili_120"><img onload="javascript:DrawImage(this,235,118)" src="upFile/Images/201086/2010080609473962.jpg" id="reimg_120" /></li>
</div>
</ul>
</div>
。。。
。。。。
。。。
需求：
当点击对应的li，显示对应的img，其他全部隐藏，例如 点击 li1 显示 im1 ,其他全部隐藏
如何实现，谢谢
本人不会js，可以说完全不懂，希望可以有些注释，谢谢
ps：上面代码结构，是举例，我现在实际的id并不是顺序的，所以应该是传id来实现吧。在次感谢
首先谢谢2楼的哥们，可能是我没说清楚，重点是取到div内的所有元素，然后循环，如果是要显示的就显示，其余的都隐藏，应该是这样的才可以，2楼的行不通·
看来真的是我没有说清楚，对大家造成误导，很抱歉，其实这段实例中的 li 或者 div 或者 img 的id，全部是动态生成的，全部是一个标识，加动态绑定的id, 像这样 img_<%# Eval("id")%>，运行出来像这样 img_114,img_556,img_117等，所以id是不确定的，并不是奇偶数判断。希望能尽快得到答案，我自己也在尝试写js，不过出现很多莫名其妙的bug，比如，只有一个执行，其他的都不执行，或者干脆不执行，可能是由于我对函数式编程实在没什么了解，下面把我的代码贴出来，虽然是错的，但应该可以表明我的需求功能：
function xunhuan(funame,ziname)
{
var fu = document.getElementById(funame).getElementsByTagName("div");
for(var i=0;i<fu.length;i++)
{
if(fu.item(i).getAttribute("id") == ziname)
{
fu.item(i).style.display = "block";
}else
{
fu.item(i).style.display = "none";
}
}
}
非常感谢大家！
[ 本帖最后由 tokoyoshi 于 2010-8-10 09:48 编辑 ]
程序代码：