一个简单的点击收缩代码

一个简单的点击收缩代码效果，只需编写少量的代码

HTML代码

1  < div  onclick ="showmenu(1)"  style ="cursor:hand;" > 点击收缩 </ div >
2  < div  id ="subitem1" > 虎年大吉虎年大吉 < br  /> 虎年大吉虎年大吉 </ div >
3   
4  < div  onclick ="showmenu(2)"  style ="cursor:hand;" > 点击收缩 </ div >
5  < div  id ="subitem2" > 阿凡达阿凡达 < br  /> 阿凡达阿凡达 </ div >

 

Js代码

 1  < script  language ="javascript" >
 2      function  showmenu(sid)
 3      {
 4         var  subitem = document.getElementById( " subitem " + sid);
 5       // subitem.style.display=subitem.style.display=='none'?'':'none';
 6       if (subitem.style.display == ' none ' ){
 7        subitem.style.display = '' ;
 8       }
 9        else {
10        subitem.style.display = ' none ' ;
11       }
12      }
13  </ script >

 

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 查看测试　　

 

转载于:https://www.cnblogs.com/JAMJIA/archive/2010/02/02/1661577.html