title: A smarter way to do this jQuery?
body: <p>I have a a map on my site, and clicking regions a class should be toggled, on both hover and click, I've made a jQuery solution to do this, however, I think it can be done a bit smarter than i've done it? my HTML output is this:</p>
  
  <pre><code>&lt;div class="mapdk"&gt;
                  &lt;a data-class="nordjylland" class="nordjylland" href="#"&gt;&lt;span&gt;Nordjylland&lt;/span&gt;&lt;/a&gt;
                  &lt;a data-class="midtjylland" class="midtjylland" href="#"&gt;&lt;span&gt;Midtjylland&lt;/span&gt;&lt;/a&gt;
                  &lt;a data-class="syddanmark" class="syddanmark" href="#"&gt;&lt;span&gt;Syddanmark&lt;/span&gt;&lt;/a&gt;
                  &lt;a data-class="sjaelland" class="sjalland" href="#"&gt;&lt;span&gt;Sjælland&lt;/span&gt;&lt;/a&gt;
                  &lt;a data-class="hovedstaden" class="hovedstaden" href="#"&gt;&lt;span&gt;Hovedstaden&lt;/span&gt;&lt;/a&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>And my jQuery looks like: </p>
  
  <pre><code>if ($jq(".area .mapdk").length) {
      $jq(".mapdk a.nordjylland").hover(function () {
          $jq(".mapdk").toggleClass("nordjylland");
      }).click(function () {
          $jq(".mapdk").toggleClass("nordjylland");
      });
      $jq(".mapdk a.midtjylland").hover(function () {
          $jq(".mapdk").toggleClass("midtjylland");
      }).click(function () {
          $jq(".mapdk").toggleClass("midtjylland");
      });
  }
  </code></pre>
  
  <p>The thing is, that with what i've done, i have to make a hover and click function for every link i've got - I was thinking I might could keep it in one hover,click function, and then use something like $jq(this) ? But not sure how ?</p>