title: Issue in calling a particular DIV from HTML hyperlink within same page
body: <p>I am editing my question to make it more simple. Please have a look at the below code:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-a"&gt;First&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-b"&gt;Second&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-c"&gt;Third&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="tabs-a"&gt;Lorem ipsum dolor sit amet, rcitation ullamco laboris nisi&lt;/div&gt;
  &lt;div id="tabs-b"&gt;et ornare, felis. Maecenas scelerisque sem non nisl. Fusce&lt;/div&gt;
  &lt;div id="tabs-c"&gt;interdum eget, sagittis et, consequat vestibulum, lacus.&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above tabbed browsing is working fine with the help of jQuery.<br>
  Now I want to access those tabs with some external links in the same page, for example:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;a href="#tabs-a"&gt;First&lt;/a&gt;
      &lt;a href="#tabs-b"&gt;Second&lt;/a&gt;
      &lt;a href="#tabs-c"&gt;Third&lt;/a&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>But it is not working. Please help!</p>