有三个页面,当点击其中一个另两个隐藏

例:

<div class="about-company left">
				<ul>
					<li><span class="introduce"></span><a οnclick="help(1)">公司介绍</a><b class="on"></b></li>
					<li><span class="sfjg"></span><a οnclick="help(2)">三方监管</a><b></b></li>
					<li class="no-line"><span class="cont-partner"></span><a οnclick="help(3)">合作伙伴</a><b></b></li>
				</ul>
			</div>

注意三个οnclick=“”同一个方法,只是具体的值不同

<div class="safety-content left" id="company">
				<ul>
					<li><img src="__PUBLIC__/images/img.jpg"/><p>A股经历了七年熊市,自2014年年底开始转牛,市场资金进入踊跃,一路疯涨到4500点。政策牛信号不断释放和确认,全民炒股的时代来临。本平台意在为大众股民提供资金需求,以股票配资的形式,以小博大,搭上政策牛的快车 ,共赢股市红利。</p><p>A股经历了七年熊市,自2014年年底开始转牛,市场资金进入踊跃,一路疯涨到4500点。政策牛信号不断释放和确认,全民炒股的时代来临。本平台意在为大众股民提供资金需求,以股票配资的形式,以小博大,搭上政策牛的快车 ,共赢股市红利。</p><p>A股经历了七年熊市,自2014年年底开始转牛,市场资金进入踊跃,一路疯涨到4500点。政策牛信号不断释放和确认,全民炒股的时代来临。本平台意在为大众股民提供资金需求,以股票配资的形式,以小博大,搭上政策牛的快车 ,共赢股市红利。</p></li>
				</ul>
			</div>

			<div class="safety-content left" id="jg" style="display:none">
				<ul>
					<img src="__PUBLIC__/images/friend.png" alt="" />
				</ul>
			</div>


			<div class="safety-content left" id="fri" style="display:none">
				<ul>
					<img src="__PUBLIC__/images/z1.png" alt="" />
				</ul>
			</div>

三个不同的div分别取三个不同的值。

<script type="text/javascript">
	function helpa(id){
		if(id==1){
			$("#company").show();
			$("#jg").hide();
			$("#fri").hide();
		}
		if(id==2){
			$("#fri").show();
			$("#company").hide();
			$("#jg").hide();
		}
		if(id==3){
			$("#jg").show();
			$("#company").hide();
			$("#fri").hide();
		}
		
	}

利用hide,show 显示,通过div中id的值进行判断

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值