0

HTML ページに次の CSS があります。

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

そして、ページ上のほぼすべての と は、これらの CSS スタイルのいずれかに属しています。私が必要とするのは、すべてを反対の番号に交換するためのJavaScriptです....つまり、すべての非表示が表示され、その逆も同様です。

以前のプロジェクトで似たようなものを使用していましたが、一度に 1 つのものしか交換できず、その 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 に答える