收缩/展开导航（推荐） (

梦里梦外; 2022-04-16 03:10 284阅读 0赞

`<script type="text/javascript"> if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css"> ') document.write('.submenu{display: none;} ') document.write('</style> ') } function SwitchMenu(obj){  if(document.getElementById){  var el = document.getElementById(obj);  var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change   if(el.style.display != "block"){   /*    打开任意项，其它项自动收缩    for (var i=0; i<ar.length; i++){     if (ar[i].className=="submenu")     ar[i].style.display = "none";    }   */    el.style.display = "block";   }else{    el.style.display = "none";   }  } } </script> <body> <div id="masterdiv">   <table onclick="SwitchMenu('sub1')" onmouseover="this.style.cursor='hand';">     <tr>       <td>分类一</td>     </tr>   </table>   <span class="submenu" id="sub1" style="display='none'">    内容一<br>    内容二<br>   </span>       <p onclick="SwitchMenu('sub2')" onmouseover="this.style.cursor='hand';">       分类二   </p>   <span class="submenu" id="sub2" style="display='block'">    内容一<br>    内容二<br>   </span>      <table>     <tr>       <td onclick="SwitchMenu('sub3')" onmouseover="this.style.cursor='hand';">分类三</td>     </tr>  <tr class="submenu" id="sub3" style="display='none'">  <td>     内容一<br>     内容二<br>     </td>  </tr>   </table> </div>  </body>`

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 展开收缩改变状态保姆式教学代码，默认第二项展开

废话不说上代码 html代码  <div class="li-jia_ru w1204 mar-0auto ">

朴灿烈づ我的快乐病毒、/ 2023年09月29日 12:32/ 0 赞/ 42 阅读

相关 Flex的Tree全部展开收缩，ji展开选中单个节点

//全部展开 private function ExpandAll():void \{ // treeMenu.dataProvider是id为treeMenu所

迈不过友情╰/ 2023年08月17日 15:51/ 0 赞/ 140 阅读

相关展开与收缩

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" conten

雨点打透心脏的1/2处/ 2023年07月13日 08:08/ 0 赞/ 35 阅读

相关 uni-app圆形菜单展开收缩特效

template: <view class="menu" :class="{active:menuFlag}"> <image src="../../s

朴灿烈づ我的快乐病毒、/ 2022年11月21日 09:53/ 0 赞/ 403 阅读

相关 php 展开收缩,怎样用JS做出列表展开收缩扩展功能

这次给大家带来的是怎样用JS做出列表展开收缩扩展功能，列表展开收缩功能是一个非常实用的功能，这篇文章就给大家好好分析一下。无标题文档 ul,h2\{margin:0; p

阳光穿透心脏的1/2处/ 2022年10月22日 02:53/ 0 赞/ 214 阅读

相关 JS之三级竖向展开/收缩导航菜单

准备如下：在相对的images文件夹下放三个小图标： ![图片][20170207164410002] open.gif、 ![图片][201702071644194

骑猪看日落/ 2022年07月12日 02:23/ 0 赞/ 215 阅读

相关 JS之三级竖向展开/收缩导航菜单

准备如下：在相对的images文件夹下放三个小图标： ![图片][20170207164410002] open.gif、 ![图片][201702071644194

约定不等于承诺〃/ 2022年07月12日 02:23/ 0 赞/ 231 阅读

相关 jquery展开收缩列表

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" />

曾经终败给现在/ 2022年06月10日 13:54/ 0 赞/ 307 阅读

相关收缩/展开导航（推荐） (

`<script type="text/javascript"> if (document.getElementById){ //DynamicDrive.com change

梦里梦外;/ 2022年04月16日 03:10/ 0 赞/ 285 阅读

相关微信小程序 - 展开收缩列表

代码源自于：微信小程序示例官方 ![1060535-20180930151520057-273280452.gif][] ![1060535-201809301520502

柔光的暖阳◎/ 2022年03月27日 14:12/ 0 赞/ 710 阅读