title: How to get the real address of tabbed page in HTML/CSS?
body: <p>Good Day Guys,</p>
  
  <p>I just want to ask if how will I be able to get the real address in my tabbed form in in HTML/CSS.
  right now I can only redirect to tabbed which is pre-set as active. </p>
  
  <p>My goal is to create a link that will direct me to other tabbed page. for example, from other page want to create a link that will direct me to tabbed page <code>2nd tab</code> .</p>
  
  <p>here's my code:</p>
  
  <pre><code>&lt;div class="tabs"&gt;
  &lt;ul class="tab-links"&gt;
      &lt;li class="active"&gt;&lt;a href="#tab1"&gt;All&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab2"&gt;Pending&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab3"&gt;Approved&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab4"&gt;Completed&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
      &lt;div id="tab1" class="tab active"&gt;
          &lt;!--Codes here --&gt;
      &lt;/div&gt;
      &lt;div id="tab2" class="tab"&gt;
          &lt;!--Codes here --&gt;
      &lt;/div&gt;
      &lt;div id="tab3" class="tab"&gt;
          &lt;!--Codes here --&gt;
      &lt;/div&gt;
      &lt;div id="tab4" class="tab"&gt;
          &lt;!--Codes here --&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>in the address bar it only shows this even I clicked other tab. stay with this address:</p>
  
  <blockquote>
    <p>/domain/beta/page_home_superadmin.php</p>
  </blockquote>
  
  <p>but in the lower side of the browser, it shows this when I hover at tab2:</p>
  
  <blockquote>
    <p>/domain/beta/page_home_superadmin.php#tab2</p>
  </blockquote>
  
  <p>any suggestion on how will to get that address and a be able to create a link pointing to it.</p>
  
  <p>Thanks.</p>