CSS 활성 구분 배경색 변경

Question

아직 학습 중이므로 나와 함께하시기 바랍니다.

첫 페이지 확인하시기 바랍니다 : My site

스크롤 조금 및 이름 NAVIGATE와 사이드를 확인합니다.
보시다시피 몇 가지 하위 메뉴를 수동으로 추가했으며 각 부분 위로 마우스를 가져 가면 배경색이 변경되었습니다.
이제 History of CSE 페이지에있을 때처럼 NAVIGATE 열의 하위 옵션에 활성 분할 또는 활성 링크가 표시되어야합니다.

거기에 : active 속성을 원합니다. 활성 페이지의 부서는 녹색과 같이 다른 배경색을 표시합니다.

많은 검색을 시도했지만 아이디어를 얻지 못했습니다.

대단히 감사합니다!

PS : 나는, 내가 총 초보자, 그렇게하지 않도록 수행 할 작업이 오전하려고 노력하는 것 :

div.sbproduct:hover{ 
    background-color: #F5AC2B; 
} 

div.sbproduct a:active{ 
    background-color:#ffffff; 
} 

.sbproduct:hover a{ 
    color: #ffffff !important; 
} 

Answer 1

내가 (토글을 사용 .....이 5 월이 당신을 도와줍니다 생각) Fiddle

// It changes the active division background color 
$(".sbproduct").toggle(
function() { 
$(this).addClass("change"); 
}, 
function() { 
    $(this).removeClass("change"); 
} 
); 

Answer 2

사용하여 활성 분할 배경색

이 jQuery를

012 작업을 변경하려면

확인이 데모 http://jsfiddle.net/dineshk/X4GSR/6/