Hi there,

I'm building a shop using the opencart system, which includes a tabbed content ares based on the jquery tabs script. However, I need to link to each of the tabs from a separate menu. I know this can be done, as there are numerous explanations about how to using the jquery tabs.js script. However, no matter which way I try it simply won't work for me. Here's the code I'm using:

Code:
<script type="text/javascript"> 
$(document).ready(function(){
var $tabs = $('#tabs').tabs(); // first tab selected
$('#tab-review').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
});
</script>
And the link to a tab:
Code:
<a href="desktops/mac?product_id=41/#tab-review">Reviews</a>
And this is the tab html:

Code:
<div id="tabs" class="htabs"><a href="#tab-description">Description</a>
            <a href="#tab-review">Reviews (0)</a>
            <a href="#tab-related">Related Products (1)</a>
      </div>
  <div id="tab-description" class="tab-content"><div>
	
</div>
      <div id="tab-review" class="tab-content">
    
  </div>
      <div id="tab-related" class="tab-content">
   
          </div>
  </div>
Any help is most appreciated.

Cheers,
Dan

ps. I'm using version 1.5.2.1