title: Remove class from list-item on-click anchor link with removeClass
body: <p>I'm having trouble with removing a class on-click on the Tab 2 list-item. These are links with underlines that show content.</p>
  <p>The code so far fairly close, just need a little hand on seeing what I've missed.</p>
  <pre><code>&lt;script type='text/javascript' src='/js/jquery/jquery.js?ver=1.12.4'&gt;&lt;/script&gt;
  </code></pre>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;div class=&quot;mk-tabs&quot;&gt;
      &lt;ul&gt;
          &lt;li class=&quot;mk-tabs-tab&quot;&gt;&lt;a href=&quot;#&quot;&gt;Tab 1&lt;/a&gt;&lt;/li&gt;  
          &lt;li class=&quot;mk-tabs-tab is-active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class=&quot;mk-tabs-panes&quot;&gt;
          &lt;div class=&quot;mk-tabs-pane&quot;&gt;Tab Content 1&lt;/div&gt;
          &lt;div class=&quot;mk-tabs-pane is-active&quot;&gt;Tab Content 2&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>jQuery</strong></p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
      jQuery(document).ready(function($){
          $('.mk-tabs ul li a').click( function(){
              if ( $('.mk-tabs ul li').hasClass('is-active') ) {
                  $('.mk-tabs ul li').removeClass('is-active');
              } 
              else {
                  $('.mk-tabs ul li').removeClass('is-active'); 
              }
          });       
      });
  &lt;/script&gt;
  </code></pre>