title: Target tabs within tabs with #hash URL (or otherwise)
body: <p>I am using the jQuery Tools library Tabs. You can find them here:
  <a href="http://flowplayer.org/tools/tabs/index.html" rel="noreferrer">http://flowplayer.org/tools/tabs/index.html</a></p>
  
  <p>My basic markup is something like this:</p>
  
  <pre><code>$("#tab-holder ul").tabs("div.tab", { history: true, api: true })
  $("#profile-sub-tabs ul.menu").tabs("div");
  </code></pre>
  
  <p>The <code>#profile-sub-tabs</code> is another tab interface within the main <code>#tab-holder</code> interface. The plugin is using a parameter called history which basically allows me to target the tabs using their names, for example:</p>
  
  <pre><code>http://www.blah.com/tabs.aspx#account
  </code></pre>
  
  <p>Would lead me to the account tab. This works fine, but I want to be able to target sub-tabs specifically. I know this code does not work, but the theory is something like this:</p>
  
  <pre><code>http://www.blah.com/tabs.aspx#account#profile
  </code></pre>
  
  <p>Leads me to the account->profile tab. Simple enough.</p>
  
  <p>Now I'm not sure if this is possibly to do through the URL, or if I should just somehow handle the requests via Javascript (somehow) and manually use the API to switch to the correct tabs. I'm just not sure how I would go about grabbing that data to switch to the correct tab.</p>
  
  <p>Thanks!</p>