Question

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

Answer 1

<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>
一样的，用一个大表格，把它们竖向的框起来。