Функция переключения с плагином jQuery maphighlight

Question

Я только что добавил jQuery Maphighlight в свое приложение, просматривая документы, изо всех сил пытающиеся получить каждую фигуру на карте изображения, чтобы переключать выделенное состояние при нажатии.

Я могу получить одну фигуру для переключения, но не кратно

Это работает для одной фигуры:

$(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');
    });
  });

Как я могу расширить это, чтобы покрыть все формы?

Большое спасибо за любую помощь.

Answer 1

Изменение селектора 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');
    });
  });