Question

JSP中怎么实现菜单栏控制表格table的显示和隐藏切换？

左边是菜单分类，右边显示产品信息。怎么样实现点击左边的菜单，而右边显示相应的表格？
部分代码如下：
<div id="left">
<ul>
<li><a href="#">热菜</a></li>
<li><a href="#">凉菜</a></li>
<li><a href="#">海鲜</a></li>
<li><a href="#">酒水</a></li>
</ul>
</div>
。。。。。。
<div id="right">
<br>
<table style="text-align:center" width="600" id="mc1" class="mc">
<tr>
<th>菜名</th><th>价格</th><th>数量</th><th>选订</th>
</tr>
。。。。

Answer 1

一般来讲，这种实现大部门是用html的fram框架实现的，放在一个页面去刷新会很痛苦的

追问

我就是想做个简单的菜谱，不用框架可以实现吗？比如利用表格table的显示和隐藏，点击左边的菜单分类，右边相对应的表格table就响应它显示出来。还是说只能用两个页面分开显示？第一个办法一直在常识，可是JS的代码不会写，没学好，看了一些资料也是零零散散的，没办法实现这个功能。

追答

如果展示比较简单话，可以点击的时候去刷新单元格的内容，可以为每一个td设置一个ID
通过InnerHtml=“”来刷新。 如果你的菜谱比较少且是静态的数据，也可以写好多表格先隐藏着，点击相应的菜单让他显示出来。 display为none和block控制