title: How to show tab with external link from other pages?
body: <p>I have simple tabs on "single-page.html"...</p>
  
  <pre><code>&lt;div class="tabs"&gt;
     &lt;div class="tab-opt"&gt;
        &lt;ul&gt;
           &lt;li class="active"&gt;&lt;a href="#impressum"&gt;Impressum&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#datenschutz"&gt;Datenschutz&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#agb"&gt;AGB&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#credits"&gt;Credits&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="tabs-content"&gt;
         &lt;div id="impressum" class="tab" style="display: block;"&gt;
              ...
         &lt;/div&gt; 
         &lt;div id="datenschutz" class="tab"&gt;
              ...     
         &lt;/div&gt;
         &lt;div id="agb" class="tab"&gt;
              ...    
         &lt;/div&gt;
         &lt;div id="credits" class="tab"&gt;
              ...      
         &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre><code>$(function () {
          $(".content-tabs .tab-opt ul li a").on('click', function (e) {
              $(".content-tabs .tab-opt ul li").removeClass('active');
              $(this).parent().addClass('active');
              $(".content-tabs .tabs-content &gt; div").hide();
              var hrefId = $(this).attr('href');
              $(hrefId).fadeIn().show();
          });
      });
  </code></pre>
  
  <p>I want to put links in footer and be able to show some tab on "single-page.html" from any page.</p>
  
  <p>Example:
  On homepage, with link in footer:</p>
  
  <pre><code>&lt;a href="/single-page.html#agb"&gt;AGB&lt;/a&gt;
  </code></pre>
  
  <p>I want to open "single-page.html" and show "AGB" tab...</p>