tabs and hide prob

tabs and hide prob

Hello.
i'm using the following:
  1. <script type="text/javascript">
    $(function() {
        // setup ul.tabs to work as tabs for each div directly under div.panes
          $("ul.tabs").tabs("div.panes > div")
             $('a.close').click(function(){
             $('div.panes > div').hide('slow');
          $('ul.tabs li a.current').removeClass('current')
          })
    });
    </script>








at the following url http://drneely.net

so when user clicks on tab div appears and if user clicks on a diff tab the content changes.
also, when the user clicks on the 'x' in the top right corner the div hides.
the prob is that when the user closes the tab with the x, that tab will no longer display the content on click.
for example:
  1. click on 'About' tab
  2. observe content displays.
  3. click on 'x' in top right corner
  4. content hides
  5. click again on 'About' tab
  6. content does not display
clicking a tab other than the related tab to closed content will display fine.

any help is greatly appreciated.
Thanks!