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

Question

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

Answer 1

首先，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个地图点击按钮直接切换的，不是你弄那个填写框

追答

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

Answer 2

刚开始我还在判断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
});
});

Answer 3

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

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