Jquery菜单tab点击效果+切换内容

Jquery代码:

 $(document).ready(function(){

$(".linktab li").click(function () {
  //当点击莱单的子项时发生的事件
                        $(this).is(":not(.select)")
                         //当子项没使用鼠标点击的样式的,
$(this).removeClass("noselect").addClass("select");
                         //先给子项移除默认样式,然后添加鼠标点击的样式  $(this).siblings().removeClass("select").addClass("noselect");                         //把其他子项的鼠标样式去掉,然后添加来默认样式
if($(this).is(":not(:first-child)")){
                         //如果点击的这个元素不是第一个子元素,那么
$(".FSend").show();                                                         //选择把类为FSend这个元素,显示出来
$(".Contact").hide();
                                //选择把类为Contact这个元素,隐藏出来
}else{
                                //否则
$(".FSend").hide();
                            //选择把类为FSend这个元素,隐藏出来
$(".Contact").show();
                             //选择把类为Contact这个元素,显示出来
}
                
});
});
 
附图: