http://www.codingcereal.com/2010/12/...-tab-switcher/

when i change the js code to this:
Code:

j
Code:
Query(document).ready(function() {
        jQuery("#tabswitch ul li:first").addClass("active");
        jQuery("#tabswitch div.tab-container:first").show();

        jQuery("#tabswitch ul li").click(function(){
            jQuery("#tabswitch div.tab-container").hide();
            jQuery("#tabswitch ul li").removeClass("active");

   });
    })
for the default state. the tab1 is show, but why when i click the tab1. it doesn't hide?. but there is a line in the click function. jQuery("#tabswitch div.tab-container").hide();

could it be that this line doesn't effect on it? jQuery("#tabswitch div.tab-container").hide();