javascript - 多个按钮点击显示不同内容后，怎么让其内容显示一次，其他的按钮点击的内容隐藏呢

Question

机场分区是一堆按钮，，我想要实现点击江苏吧，就只显示江苏，，不想让其他的那些按钮点击后的内容--例如安徽啊显示。

目前我是，每个按钮都加了点击事件，然后显示地名；但是第一次点击完毕后他就永远显示在地图上了，，
下面是一个按钮的例子。。请问我怎么让他才能点击的时候只显示一次；其他的内容隐藏啊
$(".bnt-ShanDong").on('click', function () {

<code>// 百度地图API功能
var initPoint = new BMap.Point(117.215278, 36.8569444);
map.centerAndZoom(initPoint, 8);
var myIcon = new BMap.Icon("../images/marker.png", new BMap.Size(32, 32));
var marker = new BMap.Marker(initPoint, { icon: myIcon });  // 创建标注
map.addOverlay(marker);
//marker.setAnimation(BMAP_ANIMATION_BOUNCE);
var label = new BMap.Label("山东分局", { offset: new BMap.Size(30, 5) });
label.setStyle({
    color: "#fff",
    fontSize: "12px",
    backgroundColor: "0.05",
    border: "0",
    height: "20px",
    lineHeight: "20px",
    fontFamily: "微软雅黑"
});
marker.setLabel(label);</code>

})

Answer 1

最简单的一种方式就是每次点击事件触发后，先将所有的地区都隐藏，然后根据当前点击的this确定当前地区然后显示当前地区

Answer 2

首先可以把所有的按钮增加一个统一的class例如叫btn-test，然后给每个按钮增加一个自定义属性例如data-name，每一个都放这个按钮代表哪个分局，然后给所有这样的按钮统一增加监听，根据data-name的值判断点击的是哪一个,然后先删除地图上所有的图标，再只显示点击的那个:

<code class="javascript">$('.btn-test').click(function(){
    \第一步先删除所属分局的图标
    \然后显示点击的按钮对应的图标
    switch(this.data('name')){
        case "山东分局":
            \.显示山东分局对应的图标
        break;
        \...
    }
})</code>

Answer 3

这个跟三级联动思路差不多吧，点击任意按钮先清空地图内容，然后再根据this把对应的内容传进去

Answer 4

点击事件传入一个ID标识 每个按钮都有自己特定的ID
在创建之前点之前隐藏所有点
并且判断你这个ID点是否存在

<code> 存在再将这个点的状态更改为显示
 不存在  创建的新的点并把ID当属性写入新创建点</code>