[jQuery] Re: Help with show hide function

[Jacques Choquette - WhistlerGraphicDesign.com]

This is what I ending up going with ....

I seriously doubt this is the most efficient / proper way to do this
this but it's working anyways

<script type="text/javascript">
$(document).ready(function() {

 // hides the all tabs as soon as the DOM is ready
 // (a little sooner than page load)
  $('#homeTab').hide();
  $('#whoTab').hide();
  $('#whatTab').hide();
  $('#whereTab').hide();
  $('#workTab').hide();

  // display the homeTab by default
  $('#homeTab').show('slow');

  // set home menu state to active
  $('#home>a').addClass('selected');

 // toggles the tab on clicking the noted link

  $('#home').click(function() {


          $('#who>a').removeClass('selected');
          $('#what>a').removeClass('selected');
          $('#where>a').removeClass('selected');
          $('#work>a').removeClass('selected');

          $('#home>a').addClass('selected');

          $('#whoTab').hide('slow');
          $('#whatTab').hide('slow');
          $('#whereTab').hide('slow');
          $('#workTab').hide('slow');

          $('#homeTab').show('slow');
          return false;
  });

  $('#who').click(function() {

          $('#home>a').removeClass('selected');
          $('#what>a').removeClass('selected');
          $('#where>a').removeClass('selected');
          $('#work>a').removeClass('selected');

          $('#who>a').addClass('selected');

          $('#homeTab').hide('slow');
          $('#whatTab').hide('slow');
          $('#whereTab').hide('slow');
          $('#workTab').hide('slow');

          $('#whoTab').show('slow');
          return false;
  });

   $('#what').click(function() {

          $('#home>a').removeClass('selected');
          $('#who>a').removeClass('selected');
          $('#where>a').removeClass('selected');
          $('#work>a').removeClass('selected');

          $('#what>a').addClass('selected');

      $('#homeTab').hide('slow');
          $('#whoTab').hide('slow');
          $('#whereTab').hide('slow');
          $('#workTab').hide('slow');

          $('#whatTab').show('slow');
          return false;
        });

  $('#where').click(function() {

          $('#home>a').removeClass('selected');
          $('#who>a').removeClass('selected');
          $('#what>a').removeClass('selected');
          $('#work>a').removeClass('selected');

          $('#where>a').addClass('selected');

          $('#homeTab').hide('slow');
          $('#whoTab').hide('slow');
          $('#whatTab').hide('slow');
          $('#workTab').hide('slow');

          $('#whereTab').show('slow');
          return false;
        });

        $('#work').click(function() {

          $('#home>a').removeClass('selected');
          $('#who>a').removeClass('selected');
          $('#what>a').removeClass('selected');
          $('#where>a').removeClass('selected');

          $('#work>a').addClass('selected');

          $('#homeTab').hide('slow');
          $('#whoTab').hide('slow');
          $('#whatTab').hide('slow');
          $('#whereTab').hide('slow');

          $('#workTab').show('slow');
          return false;
  });

});
</script>