I have noticed quite a few people asking how to set a default tab during page load using the jQuery UI Tabs Widget. My method is as follows…
<script> $(function(){ $('#tabs').tabs({ selected: (location.hash && parseInt(location.hash.substr(1)) != 'NaN') ? parseInt(location.hash.substr(1)) : 0 }); }); </script>
I am checking the url for a hash value (eg: mypage.htm#3). If one is found and it can be parsed to an integer, it will use that number for the selected tab, otherwise it defaults to zero.
jQuery UI Tabs Widget documentation
…
If you are not familiar with the short-hand if/else syntax above, here is an example…
variable = (condition) ? true : false;
Written long-hand it would be…
if (condition) { variable = true; } else { variable = false; }