Comment garder la zone sélectionnée sur le clic au lieu de plus de

Question

J'ai essayé actif mais quand j'ai décoché il ne resterait pas sélectionné.

Voici où j'essaye de le faire. Vous verrez que Sur le vol stationnaire, il est sélectionné.

http://www.prototypesyndicate.com/_forms/marketing_packages.html#premium

Answer 1

JQuery à la rescousse. Il y a plus d'une façon de peler ce chat.

$('.area').hover(function() { 
    $(this).addClass('selectedArea'); 
    $(this).removeClass('notSelectedArea'); 
}, function() { 
    $(this).addClass('notSelectedArea'); 
    $(this).removeClass('selectedArea'); 
}); 

Vous ne pouvez pas l'activer. vous devez avoir une classe css qui dicte l'apparence de la zone lorsqu'elle est "sélectionnée" et une classe qui dicte à quoi elle ressemble lorsqu'elle n'est pas sélectionnée. Ensuite, il suffit de les échanger avec jquery.