views:

51

answers:

0

I'm trying to use the Hilight plugin for an image map rollover. You can see it here:

http://www.quiznosforsale.com/test/

I want to stop the rollover effect when someone clicks on a state - allowing the user to click on information on the right side w/ out having the map switch to a different state. How might I bind this event and then unbind it on click?

I'm using this in addition to the Hilight plugin to create the right side rollover effect:

$(document).ready(function() {
  $('[class^=state]').hide();
  $('[class^=link]').mouseover(function() {
    $('[class^=state]').hide();          
    var $this = $(this);
    var x = $this.attr("className");
    $('.state-' + x).show();

    return false;
  });
});