用JS控制多个DIV的显示和隐藏问题，新版IE9，ie10浏览器不支持，我晕

Question

http://bbs.csdn.net/topics/390417434?page=1#post-394137878这是帖子内容，我按照getElementsByTagName(name)这个方法，在有些低版本的IE里能实现，比如IE6，7，但是在高版本的IE9，IE10里面就无法实现，不知道这个怎么办？<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#DH").click(function(){
$("#testD").hide();
});
$("#DS").click(function(){
$("#testD").show();
});
$("#VH").click(function(){
$("#testV").hide();
});
$("#VS").click(function(){
$("#testV").show();
});
$("#EH").click(function(){
$("#testE").hide();
});
$("#ES").click(function(){
$("#testE").show();
});
})
</script>
<input type="button" id="DH" value="testD隐藏"/>
<input type="button" id="DS" value="testD显示"/>
<input type="button" id="VH" value="testV隐藏"/>
<input type="button" id="VS" value="testV显示"/>
<input type="button" id="EH" value="testE隐藏"/>
<input type="button" id="ES" value="testE显示"/><div  id="testD" class="lsoftware-summary ztfontcolorx">
 <UL class="clearfix">
   <ul>
     <li class="lbianhao">246456991</li>
   </ul> 
   <LI class="lmingcheng"> 返回山东分公司阿飞噶地方噶的噶业循环冷却水中游离氯和总氯的测定 N,N--二乙基--1,4--苯二胺分光光度法 啊啊啊 
 </LI>
   <LI class="lbumen">阿斯顿发送到</LI>
   <LI class="lriqi">2001-06-01</LI>
   <LI class="lzhuangtai">即将实施</LI>
 </UL>
 </div>
 
 <!--<div  id="testD" class="lsoftware-summary ztfontcolorx1">//你这样写有问题，必须把这个DIV放在第一个DIV里面
 <UL class="clearfix">
   <ul>
     <li class="lbianhao">541991</li>
   </ul> 
   <LI class="lmingcheng"> 阿斯顿噶是的请问而气温打发鬼地方是打发似的</LI>
   <LI class="lbumen">阿斯顿发</LI>
   <LI class="lriqi">2001-06-01</LI>
   <LI class="lzhuangtai">即将实施</LI>
 </UL>
 </div>-->
 <div class="lsoftware-summary ztfontcolorj" id="testV">
 <UL class="clearfix">
   <ul>
     <li class="lbianhao">HG/T 20623-1991</li>
   </ul> 
   <LI class="lmingcheng"> 阿迪噶地方大范甘迪发广东省阿斯顿法师打发阿斯顿发</LI>
   <LI class="lbumen">阿士大夫</LI>
   <LI class="lriqi">2001-06-01</LI>
   <LI class="lzhuangtai">即将实施</LI>
 </UL>
 </div>
 
<div class="lsoftware-summary ztfontcolorg" id="testE">
 <UL class="clearfix">
   <ul>
     <li class="lbianhao">2655555</li>
   </ul> 
   <LI class="lmingcheng"> 56464阿斯顿法师打发阿斯顿发送到</LI>
   <LI class="lbumen">阿斯顿发</LI>
   <LI class="lriqi">2001-06-01</LI>
   <LI class="lzhuangtai">即将实施</LI>
 </UL>
 </div>
以上这位高手的代码能实现，但是都是通过DIV的id来实现，ID只能有一个，现在我想实现多个类似的DIV显示隐藏，他们都有相同的一个属性，可以是name，也可以是class属性，但是name属性如我上面说的，不能完全兼容浏览器，不知道用jquery能实现吗？

Answer 1

document.getElementsByTagName(name)
document.getElementsByName(name)
分清你要哪个。
以上返回的都是数组，所以你还得指定下标。
如果只有一个就写document.getElementsByName(name)[0]

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#DH").click(function(){
$(".lsoftware").toggle();
});
})
</script>
<input type="button" id="DH" value="test隐藏显示"/>
<div class="lsoftware" id="testV"><!--让每个DIV ID不同但是CLASS相同-->
  <UL class="clearfix">
    <ul>
      <li class="lbianhao">HG/T 20623-1991</li>
    </ul> 
    <LI class="lmingcheng"> 阿迪噶地方大范甘迪发广东省阿斯顿法师打发阿斯顿发</LI>
    <LI class="lbumen">阿士大夫</LI>
    <LI class="lriqi">2001-06-01</LI>
    <LI class="lzhuangtai">即将实施</LI>
  </UL>
  </div>
  
 <div class="lsoftware" id="testE">
  <UL class="clearfix">
    <ul>
      <li class="lbianhao">2655555</li>
    </ul> 
    <LI class="lmingcheng"> 56464阿斯顿法师打发阿斯顿发送到</LI>
    <LI class="lbumen">阿斯顿发</LI>
    <LI class="lriqi">2001-06-01</LI>
    <LI class="lzhuangtai">即将实施</LI>
  </UL>
  </div>