如何在jquery中隐藏像手风琴一样的td

时间:2012-10-12 10:12:08

标签: javascript html

我有一张表如下:

左侧已列出菜单,顶部是徽标,右侧是列出数据等实际内容。

现在我希望在用户点击时隐藏菜单,并在再次点击相同时启用。

如何在java脚本中执行此操作?

下面是样本的图像:

enter image description here

1 个答案:

答案 0 :(得分:0)

这帮助我实现了我想要的目标。

<!DOCTYPE html>
<html>
<head>

  <script src="jquery-latest.js"></script>

</head>

<body>
  <table>
    <tr>
        <td id="cell">
            Some info
        </td>
    </tr>
</table>

<input type="button" id="button" value="Show/hide" />
<script>
$("#button").click(function(){
     $("#cell").toggle();
});
</script>
</body>
</html>

更新

在线演示:http://jsfiddle.net/DVxSy/