JavaScript 显示/隐藏按钮

标签 javascript jquery button hide show

嗨,我有几个按钮,第一个是显示/隐藏,第一次单击时它可以正常工作。第二个是下一个表,当单击下一个表时,它应该隐藏表 1 并仅显示表 2。然后,如果单击隐藏按钮,它应该隐藏表 1 和表 2,并且当前表 2 仍然显示隐藏按钮时点击。这是我的问题和代码的示例:http://jsfiddle.net/zfnx6/27/

最佳答案

我更新了您的代码,使其行为像您所描述的那样,最大的变化是将外部表定义为 table1 和 table2 的容器。这样,单击顶部按钮(显示/隐藏)就会同时影响两个表,而不必弄乱两个表的 if 语句。

HTML 中的按钮更改了一些参数,第二个按钮成为两个表的切换按钮。如果您将使用两个以上的表,当前的方法不会太有效。

演示 http://jsfiddle.net/zfnx6/41/

关于JavaScript 显示/隐藏按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10963622/

相关文章:

javascript - 使用 Ajax 或 Silverlight 调用 Web 服务?哪个表现最好?

javascript - 以逗号分隔的标签的输入字段

javascript - 遇到一些 setInterval + jQuery FadeIn/FadeOut 问题

jquery - IE<v9问题,标签中的jquery UI单选按钮img不会触发值更改

wpf - 访问按钮的样式 Storyboard

javascript - 未使用模态 Bootstrap 和 codeigniter 插入数据

javascript - MarkLogic 服务器端 JavaScript 中的 XQuery 序列等效项

javascript - 从主干中的 DOM 中删除 View

javascript - 使用本地存储存储和显示多个答案

javascript - rails simple_form 中的动态下拉列表