js 点击对应的变色和显示

最新推荐文章于 2023-07-03 16:30:42 发布

weixin_33881041

最新推荐文章于 2023-07-03 16:30:42 发布

阅读量76

点赞数

文章标签： python

原文链接：https://my.oschina.net/v512345/blog/782745

版权

2019独角兽企业重金招聘Python工程师标准>>>

;
$(function() {
$("[m-switch-tab]").each(function(b, c) {
var d = $(this);
var a = $('[m-switch-con="' + d.attr("m-switch-tab") + '"]');
d.removeAttr("m-switch-tab");
a.removeAttr("m-switch-con");
d.children().click(function() {
$(this).addClass("m-on").siblings().removeClass("m-on");
a.children().eq($(this).index()).show().addClass("m-on").siblings().removeClass("m-on").hide()
});
d.children(".m-on").click()
})
});

<div class="yl-right">
   <div class="r-nav" >
       <ul class="mainNav" m-switch-tab="ylswitch">
               <li class="m-on">基金申购</li>
               <li>基金定投</li>
               <li>基金赎回</li>
               <li>交易撤单</li>
               <li>分红方式修改</li>
       </ul>
   </div>

<div class="r-list" m-switch-con="ylswitch">
       
       <ul >
               <li class="txt">1、在“基金交易—买进”界面输入基金名称或代码、选择扣款银行、填写购买金额（含手续费）。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_03.jpg" /></li>
               <li class="txt">2、输入开户时设置的交易密码，点击“确认购买”。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_06.jpg" /></li>
               <li class="txt">3、购买申请成功，可继续购买或返回首页。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_08.jpg" /></li>
       </ul>
       
       <ul >
               <li class="txt">1、您可以通过“产品选购”、“我的账户—基金定投”“我的定投—新增定投计划”三种路径，定投基金产品。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_03.jpg" /></li>
               <li class="txt">2、填写定投信息，输入交易密码，确认定投。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_06.jpg" /></li>
               <li class="txt">3、定投申请受理成功，可继续定投或返回首页。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_08.jpg" /></li>
       </ul>
       
       <ul >
               <li class="txt">1、您可以通过“我的账户—卖出”、“账户总览”路径进行基金赎回。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_03.jpg" /></li>
               <li class="txt">2、输入赎回份额，可用份额见页面显示，赎回份额不得低于产品最低赎回份额及最低保留份额。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_06.jpg" /></li>
               <li class="txt">3、赎回成功，可继续赎回或返回首页。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_08.jpg" /></li>
       </ul>
       
       <ul >
               <li class="txt">1、进入“我的账户—交易撤单”界面，显示可撤单信息。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_03.jpg" /></li>
               <li class="txt">2、输入交易密码，确认撤单。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_06.jpg" /></li>
               <li class="txt">3、撤单成功。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_08.jpg" /></li>
       </ul>
       
       <ul >
               <li class="txt">1、进入“我的账户—分红设置”，修改分红方式。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_03.jpg" /></li>
               <li class="txt">2、输入交易密码，确认修改。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_06.jpg" /></li>
               <li class="txt">3、修改成功。</li>
               <li class="img"><img src="${ctxPath}/assets/images/v201608/help_08.jpg" /></li>
       </ul>
   </div>

</div>