title: Tabs open according to links on sub menu
body: <p>In my main navigation bar there is a menu named <code>category &amp; item</code> and it has two submenus which names are <code>category</code> and <code>item</code> respectively. I have only one page to display these two section. </p>
  
  <p>My page is category_item.php and it has two different tabs to display each sections. In this case it is <code>category</code> and <code>item</code>. </p>
  
  <p>So my problem is I need to open <code>category</code> and <code>item</code> tab when clicking on <code>category</code> and <code>item</code> links on the submenu. </p>
  
  <p><strong>UPDATE -</strong> </p>
  
  <p>This is code from main navigation bar </p>
  
  <pre><code>&lt;li class="current"&gt;
      &lt;a&gt;Category &amp; Item&lt;/a&gt;
          &lt;div class="menu-container"&gt;
              &lt;div class="menu-link"&gt;
                  &lt;a href=""&gt;Category&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="menu-link current"&gt;
                  &lt;a href=""&gt;Item&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>This is from category_item.php page </p>
  
  <pre><code>&lt;div class="ui-widget-header ui-corner-top"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1"&gt;My Category&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2"&gt;My Items&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="tabs-1" class="tabs3"&gt;
      my stuff...
  &lt;/div&gt;
  
  &lt;div id="tabs-21" class="tabs3"&gt;
      my stuff...
  &lt;/div&gt;
  </code></pre>
  
  <p>Can I know is it possible to do? </p>
  
  <p>Thank you. </p>