0

我的 HTML 页面上有以下 CSS：

<style type="text/css">
    .hidden           {display:none;}
    .visible          {display:block;}
</style>

几乎页面上的每个和都属于这些 CSS 样式中的一种或另一种。我需要的是 javascript 将所有内容交换为相反的数字....即每个隐藏的都变得可见，反之亦然。

我在早期的项目中使用了类似的东西，但它只允许我一次交换一个东西，并迫使我直接指定它的 ID。我需要的是一个全局的“如果可见 - 更改为隐藏 - 反之亦然”脚本。

代码（我尝试过但未能扩展为具有此行为）如下：

<script type="text/javascript">
    function toggle(divID) {var item = document.getElementById(divID); if (item) {item.className=(item.className=='hidden')?'visible':'hidden';}}
</script>

有任何想法吗？

4

2 回答 2

1 
<style type="text/css">
.hidden           {display:none;}
.visible          {display:block;}
.temp           {display:none;}
</style>

function swap() {
$('.hidden').removeClass('hidden').addClass('temp');
$('.visible').removeClass('visible').addClass('hidden');
$('.temp').removeClass('temp').addClass('visible');
}
于 2012-06-22T16:21:06.937 回答
0

只需使用 jQuery

$('.hidden').removeClass('.hidden').addClass('.visible');
于 2012-06-22T16:18:41.273 回答