title: The switch between tabs works only once
body: <p>I have a problem with switch tabs. In the next snippet you can switch: <code>vk -&gt; spotify</code>, <code>spotify -&gt; vk</code> and stop. The next <code>vk -&gt; spotify</code> doesn't change tab. Why?</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>$('#sourcePlatform').on('change', function (e) {
      var $optionSelected = $('option:selected', this);
      $optionSelected.tab('show');
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;
  
  &lt;select id="sourcePlatform"&gt;
      &lt;option data-target="#vk_platform"&gt;Vk&lt;/option&gt;
      &lt;option data-target="#spotify_platform"&gt;Spotify&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane active" id="vk_platform"&gt;VK&lt;/div&gt;
      &lt;div class="tab-pane" id="spotify_platform"&gt;Spotify&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  <h1>Update</h1>
  <p>According <a href="https://getbootstrap.com/docs/4.5/components/list-group/#tabshow" rel="nofollow noreferrer">documentation</a> <code>.tab('show')</code>:</p>
  <blockquote>
  <p>Selects the given list item and shows its associated pane. Any other
  list item that was previously selected becomes unselected and its
  associated pane is hidden. Returns to the caller before the tab pane
  has actually been shown (for example, before the shown.bs.tab event
  occurs).</p>
  </blockquote>
  <p>But in this case <code>active</code> class hold on previous choose.</p>