title: How to set class active to div?
body: <p>I have this menu in <a href="http://fiddle.jshell.net/uzhas/jxmbj36s/" rel="nofollow">this fiddle</a> and I want to set active <code>div</code> on click:</p>
  
  <pre><code>&lt;div class="account-item"&gt;
      &lt;div class="account-heading active"&gt;
          &lt;h4 class="account-title"&gt;
              &lt;a href="#/Transactions"&gt;2. TRANSACTION_HISTORY&lt;/a&gt;
          &lt;/h4&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have this script but i get selected all divs</p>
  
  <pre><code>function SetActiveDiv()
  {
      var element = $("a").parent().parent();
      if (element.hasClass("active")) {
          element.removeClass("active");
      } else {
          element.addClass("active");
      }
  }
  </code></pre>