最も近いクラスを検索してクラスを変更する

Question

ボタンを押した後、最も近いdivのクラスを変更したいと思います。いくつかのコードを表示することで、より明確にしましょう。私は、次のHTMLいる：以下CSSで

<div class="wrapper"> 
    <div class="title"> 
     <div class="aa">-</div> 
      <div class="ab">-</div> 
      <div class="ac">-</div> 
      <div class="navigation">         
        <a href="#" class="test">Test link</a> 
      </div> 
    </div> 
    <div class="content not_active"> 
    <p> 
    Text 
    </p> 
    </div> 
</div> 

：でハイパーリンクを押した後に.not_activeと、そのクラスを変更：

.active{ 
    display:block; 
} 
.not_active{ 
    display:none; 
} 

今、私の目標は、クラスを持っている最も近いのdivを見つけることですクラス：navigation。

私は次のコードでjQueryを使ってそれを試してみました：

$(function() { 
    $('.navigatie a').click(function() {    
    $(this).parent().parent().find('.not_active').toggleClass('active'); 
    }); 
}); 

しかし、誰大成功で。私が間違っていることは何ですか？あなたは.navigationの代わりに.navigatieクラスを使用しているため

JSFIDDLE DEMO

Answer 1

それはあります。

HereJSFiddle。