jQuery导航切换功能

Css --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

/*医疗团队 医院简介导航样式*/
    .MedicalteamAttr
    {
     width:140px; height:39px; border:solid 1px Gray; border-bottom:solid #00abeb 3px; background-color:White; float:left; text-align: center; cursor:pointer;
    
    }
    .Medicalteam1
    {
     width:140px; height:39px; border:solid 1px Gray; float:left; text-align:center;cursor:pointer;
    }
    .dh
    {
     width:550px; height:38px;
    }
    .yyjj
        {
         
        }
    .yltd
        {
         
        }
    /*医疗团队 医院简介导航样式结束*/
 jQuery --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------    /**********************医院简介，医疗团队导航********************/
/*导航单击事件*/

$(".dh").children("div").click(function(){

/*得到当前选中Id*/
      var a= $(this).attr("class","MedicalteamAttr").siblings("div").attr("class","Medicalteam1");
      var id=a.prop("id");
      if(id=="yltds")
      {
   
        $(".yyjj").show();
        $(".yltd").hide();
          
      }else{
        $(".yyjj").hide();
        $(".yltd").show();
      }
       return false;
       });
           js:父级div的子级单击方法，当前div样式替换为点击后样式（bottom下边框变为蓝色），并且当前div同辈元素变换为未点击样式（bottom下边框恢复原状）
 /**********************医院简介，医疗团队导航结束********************/

Div --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<div style="width: 550px; height: 40px; ">
                    <div class="dh">
                        <div class="MedicalteamAttr" id="yyjjs">
                            <span style="line-height: 40px; font-size: 16px; font-weight: bold;">医院简介</span></div>
                        <div class="Medicalteam1" id="yltds">
                            <span style="line-height: 40px; font-size: 16px; font-weight: bold;">医疗团队</span></div>
                    </div>
                </div>
                <%--导航 这里要写JS--%>
                <div style="width: 550px; height: 20px;">
                </div>
                <div style="width: 550px; height: 330px; line-height: 30px; font-size: 14px; border: solid #eeeeee 1px;">
                    <div class="yyjj" style="width: 530px; height: 330px; margin-left: 10px;">
                        <span>洗澡、美容、寄养及用品销售为一体的大型综合性动物医院。
                         医院营业面积200多平米、设有诊断室（内科、外科、健康检查室）、化验室、手术室、X光室、药房等。本院拥有大型X光机、呼吸麻醉机、全自动血液分析仪、爱德士全自动生化分析仪、心电监护仪、超声波洁牙机等先进动物诊疗设备。
                            </span>
                    </div>
                    <div class="yltd" style="width: 530px; height: 330px; margin-left: 10px; display:none;">
                        <span>医疗团队：由毕业于中国农业大学动物医学院，获得全国执业兽医师资格的专业兽医师构</span>
                    </div>
                </div>