javascript - 隐藏以前在 imagemap 上打开的文章点击？

Question

我想知道是否有人可以帮助我

http://jsfiddle.net/zjCzc/

我有这张在美国创建的区域地图，我写了

$(document).ready(function() {
    $(".region-box").hide();$('#Map').children('area').click(function() {
        var regionArea = $(this).attr('href').toString();
        $('.region-box' + regionArea).toggle();
        return false;
    });
});

这允许单击以在单击时显示每篇文章，但是有什么方法可以设置它以允许它隐藏已经打开的文章。

例如，当您单击东北，然后单击华盛顿。东北会自动关闭吗？

Answer 1

只需添加$('.region-box').hide();到.click()回调的开头：

$(document).ready(function () {
    $(".region-box").hide();
    $('#Map').children('area').click(function () {
        $('.region-box').hide();
        var regionArea = $(this).attr('href').toString();
        $('.region-box' + regionArea).toggle();
        return false;
    });
});

http://jsfiddle.net/zjCzc/1/