는 어떻게 HTML 페이지

Question

의 모든 요소에 두 개의 클래스를 교환하기 위해 나는 다음 내 HTML 페이지에서 CSS가 :

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

와 거의 모든과 페이지가 하나이 CSS 스타일의 기타에 속하는합니다. 내가 필요로하는 것은 자바 스크립트로 모든 것을 바꿔 가며 반대 번호입니다. 숨겨진 모든 것이 보입니다.

나는 이전 프로젝트에서 비슷한 것을 사용했지만 한 번에 한 가지만 바꾸어서 ID를 직접 지정하도록했습니다. 내가 필요로하는 것은 '보이면 숨겨진 세계로 바꾸는 것'과 '그 반대'스크립트입니다. (나는 시도하고이 동작을하도록 확장 실패)

코드는 다음과 같습니다 :

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

어떤 아이디어?

Answer 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'); 
} 

Answer 2

그냥 jQuery를이

$('.hidden').removeClass('.hidden').addClass('.visible');