title: Overriding default jQuery UI tab from link on other page
body: <p>I am using jQuery UI tabs (v1.7x) on the home page of a site I'm working on at the moment, and they are set up as follows:</p>
  
  <pre><code>jQuery(document).ready(function($) {
  $("#mastheadhome").tabs({
  selected:4,
  fx: {opacity: 'toggle'} 
  });
  });
  </code></pre>
  
  <p>It's all working great when the page loads, and the tab I want to be displayed by default is displayed as it should be - however, I'd like to link to some of the other tabs from separate pages on the site, and needless to say if I use a hash link (i.e. "/#panel1"), the "selected" attribute in the above code intercepts it and overrides everything!</p>
  
  <p>I was just wondering if there was an easy way to display the default tab (index 4) on the home page on load, but select different tabs via links from other pages?</p>
  
  <p>I look forward to hearing anyone's thoughts on this!</p>
  
  <p>Alex</p>