jquery怎么实现点击两个按钮控制两个div的显示和隐藏

默认显示大连的地图,点击开发区的时候显示的是开发区的地图,点击大连的时候显示的是大连的地图,不想用选项卡做,只想用jQuery做

首先,jquery显示隐藏div是用的show()、hide()方法。

$("div").show();//显示
$("div").hide();//隐藏

然后,你这明显是用百度地图开发,百度地图开发切换城市重新设置中心点就行了

var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

追问

能否写的详细一些

追答

这里也不好详细说,关于百度地图城市切换问题你可以去我给你的链接里面看网页链接

追问

你发的网页上的跟我要的不是一个,我是要2个地图点击按钮直接切换的,不是你弄那个填写框

追答

按钮触发点击事件,重设中心点跟填写框有毛毛关系,那只是个例子,先通过百度拾取坐标系获得大连和开发区的坐标,点哪个你把哪个坐标传进去,重新设置中心点或者重新绘制地图,设置放大级别

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-02-28
刚开始我还在判断div的display属性是不是等于"none",来选择是show()还是hide(),现在才想起来直接用toggle()方法就可以了嘛,真的是太方便了

使用jQuery的时候,千万不要忘记在HTML页面加jQuery的CDN哟
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
HTML代码

<div class="row">
<button id="switchField1" >选择指定字段</button>
</div>
<div class="row" id="field1">
一些字段
</div>
1
2
3
4
5
6
JS代码

$(document).ready(function(){

$("#switchField1").click(function() {
$("#field1").toggle(500);//显示与隐藏的动作切换时间为500ms
});
});
第2个回答  2019-02-28

这个其实也是很简单的嘛,

实现的代码都在这里了,$(this).addClass('on').siblings()...这一行是可以忽略的,我测试的时候忘记删掉了

相似回答