Как сохранить область выделенной на клике, а не над

Question

Я пробовал активно, но когда я отменил щелчок, он не оставался выбранным.

Вот где я пытаюсь это сделать.Вы увидите, что при наведении курсора он выбирается.

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

Answer 1

JQuery на помощь. Есть несколько способов снять кожу с этой кошки.

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

Вы не можете активировать его. у вас должен быть класс css, который определяет внешний вид области, когда она «выделена», и класс, который определяет, как она выглядит, когда не выбран. Затем просто поменяйте их местами с помощью jquery.