13518219792
input type="button" value="DIV-1" onclick="showDivs('div1')"/
10年积累的网站制作、成都网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有徐汇免费网站建设让你可以放心的选择与我们合作。
input type="button" value="DIV-2" onclick="showDivs('div2')"/
input type="button" value="DIV-3" onclick="showDivs('div3')"/
input type="button" value="DIV-4" onclick="showDivs('div4')"/
hr/
!--div初始状态：全部隐藏--
div id="div1" style="border: solid 1px #253A41;width: 200px;height:200px;background: #EEEEEE;display: none;"111111111111/div
div id="div2" style="border: solid 1px #66CC00;width: 200px;height:200px;background: #F4E0E0;display: none;"222222222222/div
div id="div3" style="border: solid 1px #6BB8FF;width: 200px;height:200px;background: #AFDAFF;display: none;"333333333333/div
div id="div4" style="border: solid 1px #7B0000;width: 200px;height:200px;background: #D2E7FA;display: none;"444444444444/div
script type="text/javascript"
function showDivs(divID){//根据传入的div的id显示
var divs=["div1","div2","div3","div4"];
for (var i=0;i4;i++){
if(divs[i]!=divID){
$("#"+divs[i]).hide();
}
}
$("#"+divID).show();
}
/script
首先，jquery显示隐藏div是用的show()、hide()方法。
$("div").show();//显示
$("div").hide();//隐藏
然后，你这明显是用百度地图开发，百度地图开发切换城市重新设置中心点就行了
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
html代码 画个div和button
div class="abc" style="display:none"/div
input type="button" class="but" /
js代码
script
$(document).ready(function(e) {//DOM加载完成后执行方法
$(".but").click(function(e) {//点击事件
$(".abc").toggle();//div元素如果是隐藏就会显示，反之显示就会隐藏
});
});
/script
注：jquery的toggle() 方法的作用就是当对象是显示的就隐藏，当是隐藏的则显示。
$(document).click(function(e) {
//判断点击的target是否是弹出框 如果不是就隐藏弹出框
})
$('隐藏的div').click(function(e) {
var target = $(e.target);
$(input).val(target.html());....
})
1、新建html文件
2、创建div元素和按钮
3、引入jquery.js
4、js创建“height() 方法设置div元素的高度”的代码
5、预览效果如图
6、点击按钮，div元素的高度发生改变，预览效果如图
