のJavaScript（jQueryの？）：ユーザーがdiv.togglethisをクリックすると、私が起こるために、2つのものが必要

Question

ワンクリックで複数のクラスを切り替えます：

1. はdiv.togglethisする "アクティブ" クラスを追加

ユーザーがクリックすると

2. 外部要素に「ショー」クラスを追加

をdiv.showthis二度目にdiv.togglethis、それは両方の要素から、これら2つのクラスを除去します。

私は若干javascriptに新しいので、援助を歓迎します。

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のクラスを削除するつもりはなく、私はそれがあなたがしようとしていると思うようにショー/ 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のクリックハンドラでこれらのメソッドを呼び出します。これを試して、あなたが立ち往生したら別の質問を投稿してください。