자바 스크립트 (jQuery를?) : 사용자가 div.togglethis를 클릭하면, 내가 일이 두 가지가 필요합니다

Question

한 번의 클릭으로 여러 클래스를 전환 :

1. 는 div.togglethis하기 위해 "활성"클래스를 추가

사용자가 클릭하는 두 번째 경우 div.togglethis

2. 는 외부 요소에 "표시"클래스 추가는 두 요소에서 두 클래스를 제거

을 div.showthis.

저는 자바 스크립트에 다소 익숙하므로 도움을받을 수 있습니다.

HTML :

<div class="togglethis">Click me to add "active"</div> 
<div class="showthis">When togglethis is "active", I am "showthis"</div> 

Answer 1

togglethis을 완전히 삭제할 수 없습니다. 그렇지 않으면 다음에 클릭이 작동하지 않습니다. 또한, 같은 이유로 제 2 div의 클래스를 제거하지 않고, 오히려 당신이하고자하는 일이라고 생각하는 것처럼 show/hide를 호출합니다.

<div class="toggle togglethis">Click me to add "active"</div> 

$('div.toggle').click(function(){ 
    if($(this).hasClass('togglethis')) { 
     $(this).removeClass('togglethis').addClass('active'); 
     $('div.showthis').hide(); 
    } 
    else { 
     $(this).removeClass(active).addClass('togglethis'); 
     $('div.showthis').show(); 

    } 
}); 

Answer 2

당신은 jQuery의 addClass, removeClass, toggleClass 및 hasClass 방법 (API 참조 here, here, here 및 here)에 보일 것입니다.

div.togglethis에 대한 클릭 핸들러에서이 메소드를 호출합니다. 당신이 붙어 있다면 이것을 시도하고 다른 질문을 올리십시오.