Multi tab Function Active Response

Im using tabs in a unique way, I have a #tabs with all the associated <div id="#tab-1"> etc and also have a #tabs2 for a second row.

I am setting the window hash when a user clicks a tab so the url string generates a link that should open each tab depending on what the link is.

for example

dev [.] uat [.] web [.] com [/] featured-technology-university-alumni#techforensics (I don't want the link followed as its a dev site so remove the brackets and spaces from the dots and slash)

the #techforensics hash in the strong should trigger the following related event in the following string (shortened for practicality)

'''''<script>

$(window).load(function() {

$("#tabs").tabs({ ajaxOptions: { cache: true },cache: true });

$("#tabs2").tabs({ ajaxOptions: { cache: true },cache: true });

if(window.location.hash == '#neteng'){$("#tabs").tabs( "option", "active", 4 );}

if(window.location.hash == '#techforensics'){$("#tabs2").tabs( "option", "active", 1 );}

});

</script>'''''

As you see i have a hash function referencing #tabs (1st row) and others referencing #tabs2 (2nd row)

when you go to a hash tag with a function on the first row the content opens correctly, but if you go to a link that references a #tab2 or further rows (used on other pages), the tab will be active but the content is hidden. I have tried a few other options and also tried adjusting the css via jquery inside the if statemement. Something funky is happening with the reaction are there better alternatives to the "Option active" response?