Html 热点地图上的隐藏div

我正试图得到一张类似的地图，当你点击地图的区域时，右边会出现一个div，显示该区域最近的商店

我一直在使用这个网站下面的代码

并且已经实现了使用dreamweaver中的热点来执行以下操作

---

但是，我似乎无法为每个区域显示不同的文本或隐藏div。

很抱歉，我设法解决了此问题

增加

<script language="javascript" type="text/javascript">
// <![CDATA[
function togglewai() {
    var ele = document.getElementById("toggleText2");
    var text = document.getElementById("displayText");
    if (ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "show";
    } else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
}
// ]]>

// 

关键是将名称功能切换更改为togglewai