tab panel 手順２

<script>
$(function(){
$('#panel li').hide();
$($('#tab>li a.selected').attr('href')).show();
});
</script>

• $('#panel li').hide();　　　　　　　　　　　　
• パネルの li をすべて隠す　　　
• $($('#tab>li a.selected').attr('href')).show();
• ul(#tab) 子供の li の.selectedの<a>のhref属性＝つまり「#tab1」をshowする。

<script>
$(function(){
$('#panel li').hide();
$($('#tab>li a.selected').attr('href')).show();
$('#tab li a').on('click', function(){
$('#tab li a').removeClass('selected');　　クオーテーションの不備
$(this).addClass('selected');
$('#panel li').hide();
$($(this).attr('href')).show();
console.log($(this).attr('href'));
return false;
});
});
</script>