title: Jquery open tab by url parimeter
body: <p>I am trying to make it so when a person enters a url like usercp.php#profile or usercp.php#settings, it will open to that tab. Another problem is, the tab href are all urls to different pages of the website. So basically, the code goes like this.</p>
  
  <pre><code>&lt;div id="tabs"&gt;
    &lt;ul class="usercptabs"&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;Account Summary&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=profile"&gt;Customize Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=options"&gt;Settings&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=usergroups"&gt;Usergroups&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=editlists"&gt;Friends&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=drafts"&gt;Drafts&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=alert_settings"&gt;Alert Settings&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usercp.php?action=subscriptions"&gt;Thread Subscriptions&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>How can this be done? I tried different solutions throughout stackoverflow, but they don't really work in this situation.</p>
  
  <pre><code>jQuery.noConflict();
  jQuery(function() {
      jQuery("#tabs").tabs({
  beforeLoad: function( event, ui ) {
        ui.panel.html('&lt;center&gt;&lt;img src="http://i.imgur.com/OZPnf**.gif" /&gt;&lt;/center&gt;');
    }
   });
  
  });
  </code></pre>