您的位置:首页 > 其它

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

2015-06-03 20:12 309 查看
例:

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


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

<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的值进行判断
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: