js菜单点击显示或隐藏效果的简单实例

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>无标题文档</title>

  <script type="text/javascript">

  function Show_Hidden(trid){

  if(trid.style.display=="block"){

  trid.style.display='none';

  }else{

  trid.style.display='block';

  }

  }

  </script>

  </head>

  <body>

  <a href="#" onclick="Show_Hidden(tr1)">申报3A级、2A级、1A级的旅游景区</a>

  <table>

  <tr id="tr1" style="display:none;">

  <td>凡在中华人民共和国境内,正式开业从事旅游经营业务一年以上的旅游景区,包括风景区、文博院馆、寺庙观堂、旅游度假区、自然保护区、主题公园、森林公园、地质公园、游乐园、动物园、植物园及工业、农业、经贸、科教、军事、体育、文化艺术等旅游景区,均可申请参加质量等级评定。

  旅游景区质量等级评定,是指对具有独立管理和服务机构的旅游景区进行评定,对园中园、景中景等内部旅游点,不进行单独评定。

  </td>

  </tr>

  </table>

  </body>

  </html>