대신에 클릭하여 영역을 선택 유지하는 방법

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로 바꾸세요.