title: Nested Tabs Bootstrap 3, Error : content remains same
body: <p>I'm using <strong>bootstrap-3 with Jquery to making Nested Tabs</strong> while I got some <strong>codepen</strong> stuff there I got what I wanted, <strong>but after some modification in a code</strong> I got some different <strong>Outputs :</strong> <strong>when I clicked on first (primary) tab and then clicking on related sub-tab I able to see my content, but after I click on next tab with respect to sub-tabs. Its showing both content of older clicked tab and newer clicked tab, instead of only new content.</strong></p>
  <p>here is my codepen link : <a href="https://codepen.io/guenon/pen/WNwpxVK" rel="nofollow noreferrer">https://codepen.io/guenon/pen/WNwpxVK</a></p>
  <p>here is original codepen link : <a href="https://codepen.io/brylok/pen/zawdJ" rel="nofollow noreferrer">enter link description here</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#interest_tabs').on('click', 'a[data-toggle="tab"]', function(e) {
        e.preventDefault();
  
        var $link = $(this);
  
        if (!$link.parent().hasClass('active')) {
  
          //remove active class from other tab-panes
          $('.tab-content:not(.' + $link.attr('href').replace('#','') + ') .tab-pane').removeClass('active');
  
          // click first submenu tab for active section
          $('a[href="' + $link.attr('href') + '_all"][data-toggle="tab"]').click();
  
          // activate tab-pane for active section
          $('.tab-content.' + $link.attr('href').replace('#','') + ' .tab-pane:first').addClass('active');
        }
  
      });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import "compass/css3";</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;ul class="nav nav-tabs" id="interest-tabs"&gt;
      &lt;!--top level tabs--&gt;
  &lt;!--   &lt;li&gt;&lt;a href="#all" data-toggle="tab"&gt;All&lt;/a&gt;&lt;/li&gt; --&gt;
    &lt;li&gt;&lt;a href="#class-six-th" data-toggle="tab"&gt;Class 6th&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#class-seven-th" data-toggle="tab"&gt;Class 7th&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#class-eight-th" data-toggle="tab"&gt;Class 8th&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#class-nine-th" data-toggle="tab"&gt;Class 9th&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#class-ten-th" data-toggle="tab"&gt;Class 10th&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#class-eleventh" data-toggle="tab"&gt;Class 11th&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#class-twelth" data-toggle="tab"&gt;Class 12th&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;!--top level tab content--&gt;
  &lt;div class="tab-content"&gt;
    
      &lt;!--Class-6th tab menu--&gt;
      &lt;div id="class-six-th" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-six-th-tabs"&gt;
              &lt;li&gt;&lt;a href="#six-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#six-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#six-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
      &lt;!--Class-7th tab menu--&gt;
      &lt;div id="class-seven-th" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-seven-th-tabs"&gt;
              &lt;li&gt;&lt;a href="#seven-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#seven-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#seven-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
      &lt;!--Class-8th tab menu--&gt;
      &lt;div id="class-eight-th" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-eight-th-tabs"&gt;
              &lt;li&gt;&lt;a href="#eight-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#eight-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#eight-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
      &lt;!--Class-9th tab menu--&gt;
      &lt;div id="class-nine-th" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-nine-th-tabs"&gt;
              &lt;li&gt;&lt;a href="#nine-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#nine-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#nine-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
      &lt;!--Class-10th tab menu--&gt;
      &lt;div id="class-ten-th" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-ten-th-tabs"&gt;
              &lt;li&gt;&lt;a href="#ten-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#ten-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#ten-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
    &lt;!--Class-11th tab menu--&gt;
      &lt;div id="class-eleventh" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-eleventh-tabs"&gt;
              &lt;li&gt;&lt;a href="#eleven-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#eleven-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#eleven-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
      &lt;!--Class-12th tab menu--&gt;
      &lt;div id="class-twelth" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="class-twelth-tabs"&gt;
              &lt;li&gt;&lt;a href="#twelth-icse" data-toggle="tab"&gt;ICSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#twelth-cbse" data-toggle="tab"&gt;CBSE&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#twelth-ssc" data-toggle="tab"&gt;SSC&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
    
  &lt;/div&gt;
  
      &lt;!--Class-6th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="six-icse" class="tab-pane"&gt;
              &lt;i&gt;6th ICSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="six-cbse" class="tab-pane"&gt;
              &lt;i&gt;6th CBSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="six-ssc" class="tab-pane"&gt;
              &lt;i&gt;6th SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
          
      &lt;/div&gt;
  
      &lt;!--Class-7th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="seven-icse" class="tab-pane"&gt;
              &lt;i&gt;7th ICSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="seven-cbse" class="tab-pane"&gt;
              &lt;i&gt;7th CBSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="seven-ssc" class="tab-pane"&gt;
              &lt;i&gt;7th SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!--Class-8th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="eight-icse" class="tab-pane"&gt;
              &lt;i&gt;eightth ICSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="eight-cbse" class="tab-pane"&gt;
              &lt;i&gt;eightth CBSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="eight-ssc" class="tab-pane"&gt;
              &lt;i&gt;eightth SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!--Class-9th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="nine-icse" class="tab-pane"&gt;
              &lt;i&gt;nineth ICSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="nine-cbse" class="tab-pane"&gt;
              &lt;i&gt;nineth CBSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="nine-ssc" class="tab-pane"&gt;
              &lt;i&gt;nineth SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!--Class-10th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="ten-icse" class="tab-pane"&gt;
              &lt;i&gt;tenth ICSE interests go here&lt;/i&gt;
         
          &lt;/div&gt;
          &lt;div id="ten-cbse" class="tab-pane"&gt;
              &lt;i&gt;tenth CBSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="ten-ssc" class="tab-pane"&gt;
              &lt;i&gt;tenth SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!--Class-11th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="eleven-icse" class="tab-pane"&gt;
              &lt;i&gt;eleven ICSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="eleven-cbse" class="tab-pane"&gt;
            &lt;i&gt;eleven CBSE interests go here&lt;/i&gt;          
            
          &lt;/div&gt;
          &lt;div id="eleven-ssc" class="tab-pane"&gt;
              &lt;i&gt;eleven SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!--Class-12th tab content--&gt;
      &lt;div class="tab-content"&gt;
          &lt;div id="twelth-icse" class="tab-pane"&gt;
              &lt;i&gt;twelth ICSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="twelth-cbse" class="tab-pane"&gt;
              &lt;i&gt;twelth CBSE interests go here&lt;/i&gt;
          &lt;/div&gt;
          &lt;div id="twelth-ssc" class="tab-pane"&gt;
              &lt;i&gt;twelth SSC interests go here&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;  </code></pre>
  </div>
  </div>
  </p>