Javascript 使用jQuery maphighlight插件切换函数

我刚刚将jQuery Maphighlight添加到我的应用程序中，查看文档，我正在努力让imagemap上的每个形状在单击时切换高亮显示状态

我可以切换一个形状，但不能切换多个

这适用于一种形状：

$(function() {
    $('.map').maphilight();  

    $('#north').click(function(e) {
      e.preventDefault();
      var data = $('#north').mouseout().data('maphilight') || {};
        data.alwaysOn = !data.alwaysOn;
      $('#north').data('maphilight', data).trigger('alwaysOn.maphilight');
    });
  });

我如何扩展到所有形状

---

非常感谢您的帮助。

更改jQuery选择器，如下所示：

 $(function() {

    $('.map').maphilight();  

    // classname optional
    $('.map area.classname').click(function(e) {
      e.preventDefault();
      var data = $(this).mouseout().data('maphilight') || {};
      data.alwaysOn = !data.alwaysOn;
      $(this).data('maphilight', data).trigger('alwaysOn.maphilight');
    });
  });