在HTML中折叠式菜单是怎么做的

<table border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td scope="row"><table border="1">

      <tr>

        <td id="showbfq" height="20" align="top"  onclick="if(bfq.style.display=='none'){bfq.style.display=''showbfq.innerText='优质'}

 else{bfq.style.display='none'showbfq.innerText='点击更多'}">点击更多</td>

      </tr>

      <tr>

        <td height="80" align="center" name="bfq" id="bfq" style="display:none">aaa</td>

      </tr>

    </table></td></tr>

    <tr><td><table border="1">

      <tr>

        <td id="showbfq1" height="20" align="top"  onclick="if(bfq1.style.display=='none'){bfq1.style.display=''showbfq1.innerText='优质'}

 else{bfq1.style.display='none'showbfq1.innerText='点击更多'}">点击更多</td>

      </tr>

      <tr>

        <td height="80" align="center" name="bfq1" id="bfq1" style="display:none">bbb</td>

      </tr>

    </table></td></tr>

    <tr><td><table border="1">

      <tr>

        <td id="showbfq2" height="20" align="top"  onclick="if(bfq2.style.display=='none'){bfq2.style.display=''showbfq2.innerText='优质'}

 else{bfq2.style.display='none'showbfq2.innerText='点击更多'}">点击更多</td>

      </tr>

      <tr>

        <td height="80" align="center" name="bfq2" id="bfq2" style="display:none">ccc</td>

      </tr>

    </table></td></tr>

</table>

一样的，用一个大表格，把它们竖向的框起来。

*** 作步骤如下。

*** 作步骤如下：

1、首先在电脑中打开Dreamweaver，然后在网页设计中点击编辑按钮，就可以下拉。

2、然后点击这个二级菜单代码折叠。

3、接下来在这里就可以使用各种折叠的命令了，同样还能使用他的快捷键按钮。

4、或者在代码这里还可以直接点击。

5、这时候就可以看到代码后面这样省略的显示，代码就被折叠起来了。

代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

---