个人中心左边点击控制了右边区域的显示

css/stylesheet.css

@@ -7,7 +7,7 @@ html{
 ul,li{list-style:none;}
 body {
 	color: #333;
-	font-family:'微软雅黑';
+	font-family:"微软雅黑"，serif,"宋体";
 	margin: 0px;
 	padding: 0px;
 }
@@ -269,12 +269,14 @@ li {list-style-type: none;}
 }
 
 .border{
-    height: 20px;
+     float: left;
+    height: 30px;
     left: 113px;
     overflow: hidden;
     position: relative;
-    float: left;
-    top: 10px;/**/
+    top: 8px;
+    width: 1px;
+    margin-left: -1px;
 }
 
 .navitem li:hover{
@@ -829,11 +831,10 @@ ul, li {
 /********************页脚部分结束********june**********************************************/
 
 
-/***************会员页面整理***********bing\sheng***************/
+/***************会员页面整理**************************/
 .breadcrumb{
 	height: 40px;
-	border-bottom: 1px solid #DADADA;
-
+	border-bottom: 1px solid #DADADA;	
 }
 .breadcrumb img{
 	float: left;
@@ -843,14 +844,17 @@ ul, li {
 .breadcrumb a{
 	line-height: 40px;
 	color: #666;
-	font-family: "新宋体" "MicroSoft YeHei";
+	font-family: "新宋体","MicroSoft YeHei";
 	font-size: 12px;
 	text-decoration: none;
 }
-
 .breadcrumb a:hover{
 	color: red;
 }
+.center_course{
+	display: block;
+	position: relative;
+}
 /*签到记录*/
 .right_div .right_div_up{
 	height: 180px;
@@ -1052,6 +1056,7 @@ ul, li {
 	background-color: #FAFAFA;
 	margin:20px 0 0 10px;
 	float: left;
+	position: relative;
 }
 .per_center h2{
 	text-align: center;

help.html

@@ -332,6 +332,42 @@ <h4><img src="images/boult3.png">&nbsp;帮助信息</h4>
           </div>
         </div>
       </div>
+
+              <div class="right_div"><!-- 新手教程 start -->
+          <p>新手教程</p>
+          <span class="right_div_underline"></span>
+          <div class="right_inner_text">
+            <h3>一、积分种类</h3>
+            <p>沱沱工社账户积分分为消费积分和行为积分两种：</p>
+             <p>1、消费积分：通过在沱沱工社网站上购物消费，获得的积分为消费积分。</p>
+             <p>2、行为积分：通过在沱沱工社网站购物后，对所购买的商品进行评论，晒单；或参加相关活动所赠送积分。</p>
+             <p>&nbsp;</p>
+            <h3>二、积分的获取和使用</h3>
+            <p>1、如何获得消费积分</p>
+             <p>1）当您订单完成交易后，相应的消费金额（不包含运费）会成为您的消费积分，在会员的个人中心/我的积分查询相应消费积分。</p>
+             <p>2）人民币1元积1分，积分如计算后出现小数点，将自动取用整数，不满1元的部分将不赠送消费积分。</p>
+             <p>3）购买礼品卡、宅配卡、提货券、采摘券消费金额不计入消费积分。</p>
+            <p>2、如何获得积分</p>
+             <p>1）评论积分：当您成功发表1条商品评论，即赠送10分评论积分。</p>
+             <p>A）所有评价一律由系统自动赠送积分。只能对在180天内购买的商品进行评价，赠品可参与评价并赠送积分。</p>
+             <p>B）根据订单购买商品进行评论，同此购买不同商品分别评论时，分别奖励积分；同张订单购买多个，只能评论一次。</p>
+             <p>2、晒单积分（即将上线）：通过晒单贴向其他网友分享所购商品的购物经历、使用心得、真是照片等，通过审核后可获得50个积分奖励；晒单贴须包含一定的介绍文字及三张以上真实拍摄的原创商品照片；一件商品购买多个只能发表一个晒单贴。</p>
+             <p>3）推荐好友积分：推荐好友成功注册后，且好友完成了第一个有效订单，7个工作日内推荐者即可获赠奖励100积分</p>
+
+             <p>&nbsp;</p>
+            <h3>三、积分使用规则</h3>
+             <p>1）消费积分和评论积分均不得进行任何转让，不同账户积分不可合并使用。</p>
+             <p>2）消费积分和评论积分不能抵运费，不能直接兑换现金。</p>
+             <p>3）消费积分和评论积分可直接兑换沱沱公社优惠券；也可进入兑换平台兑换其他商家提供的各种优惠产品。</p>
+             <p>4）使用积分兑换的优惠券，请切记优惠券的有效期，并在有效期内使用；优惠券每张订单可使用1张，与其他优惠券不能同时使用，优惠券仅限本ID使用，也不能再次兑换积分。</p>
+             <p>5）消费积分和评论积分可参加直接兑换沱沱公社提供的商品。</p>
+             <p>6）您所兑换的商品部支持直接退货；积分商品如因质量问题当场拒收时（需整单拒收），会自动返还所消耗的兑换积分。</p>
+             <p>7）积分政策从2013年9月7日零点生效，会员账户之前的积分也将迁入新的积分账户。</p>
+             <p>8）沱沱公社对积分使用有最终解释权。</p>
+              <p>&nbsp;</p>
+               <p>&nbsp;</p>
+          </div>
+        </div><!-- 新手教程 end -->
 </div>
 <!-- 内容区域结束 -->
 <!-- 页脚部分 -->

js/change.js

@@ -1,18 +1,26 @@
-/*****个人中心根据左边导航切换右边区域内容 *************june**---start*/
- /*var $div_ul = $(".current_list ul"); //获取类current_list中的ul
-        $div_ul.click(function () {
-            var index = $div_ul.index(this); //获取当前点击的<ul>元素在全部<ul>元素中的索引
-            $("要显示的div元素")//选取要显示的div区域元素
-            .eq(index).show();//显示<li>元素对应的<div>元素
-            .siblings().hide();//隐藏其他几个同辈的<div>元素
-        });*/
-var $div_li = $(".current_list ul li"); //获取ul中的li元素
+/****个人中心根据左边导航切换右边区域内容 *************june**---start*/
+ /*var $div_ul = $(".per_center ul"); //获取类current_list中的ul
+ var uLen=$div_ul.length;
+ var $div_li = $(".current_list ul li a"); //获取ul中的li元素    
+ var lLen=$div_li.length;
         $div_li.click(function () {
-            $(".right_div").html("");
-            var index = $div_li.index(this)+1; //获取当前单机的<li>元素在全部<li>元素中的索引
-            var Pindex=$div_li.parent().index;//获取父元素的索引
-            $('#tab-'+Pindex"-"+index)//选取要显示的div区域元素
-            .eq(index).show();//显示<li>元素对应的<div>元素
-            .siblings().hide();//隐藏其他几个同辈的<div>元素
-        });
- /*****个人中心根据左边导航切换右边区域内容*************june**---end*/
+
+            alert(this.attr("href"));*/
+            // $(".right_div").html("");
+           /* var index = parseInt($div_li.index(this))+1; //获取当前单机的<li>元素在全部<li>元素中的索引
+            var Pindex=parseInt($div_li.parent().index);//获取父元素的索引                       
+    for(var i=0;i<uLen;i++)
+{
+    if(Pindex==i)
+        $('#tab-'+Pindex"-"+index).css({"display":"block"});//选取要显示的div区域元素
+}
+
+
+            $('#tab-'+Pindex"-"+index).css({"display":"block"});//选取要显示的div区域元素*/
+            /*.eq(index).show();//显示<li>元素对应的<div>元素
+            .siblings().hide();//隐藏其他几个同辈的<div>元素*/
+      /*  });*/
+
+
+
+ /*****个人中心根据左边导航切换右边区域内容*************june**---end

js/member.js

@@ -34,24 +34,18 @@ $(function(){
 								   .attr("disabled","disabled");
 		$(this).css("background-color","#B8B8B8");
 	});
+})
 
-	//点击左边显示右边信息
-	$(".current_list ul li a").click(function(){
-		var $a_text = $(this).text();
-		var len = $(".per_center>div").length;
-	 	if($a_text == '我的尚田'){
-	 		$('#tab-0-1').css("display","block");
-	 	}else{
-	 		$('#tab-0-1').css("display","none");
-	 	}
-		for( var i = 0 ; i < len; i++){
-			var $p = $(".right_div>p").eq(i);
-			var $p_text = $p.text();
-			if($a_text == $p_text){
-				$p.parent().css("display","block");
-			}else{
-				$p.parent().css("display","none");
-			}
-		}			
-	});
-})
+$(function(){
+	var alen=$(".per_center ul li").length;
+	$('.per_center ul li a').click(function(){
+	var href=$(this).attr("href").toString();
+	for(var i=0;i<alen;i++){
+		var a_=$(".per_center ul li a").eq(i);
+		var a_text=$(a_).attr("href").toString()
+		if(a_text!=href)
+			$(a_text).css("display","none");//非当前点击对象则隐藏
+	}
+	$(href).css("display","block");     //为当前点击对象则展示
+	}) 
+})

list.html

@@ -256,10 +256,6 @@
             </div>   
         </div>
       </div>  <!-- end .list_menu --><!-- 此部分在首页固定，在其它页面鼠标滑过时出现 -->
-
-
-
-
       <div class="breadcrumb">
         <div><img src="images/house.png" /></div>
         <a href="#">全部分类</a>