빠른 UL/LI 기본 아동 문제

Question

http://jsfiddle.net/b4fwQ/

안녕하세요. 위의 링크는 jsFiddle 예제로 간다. 내가 성취하려는 것은 <li>이 선택한 클래스를 가지고 있다는 것입니다. 이제 위와 같이 작동하지만 일단 마우스를 "선택한"경계 주위로 움직이면 다른 페이지를보고있는 것처럼 흰색이되어야합니다.

CSS는 어떻게 변경 될 수 있습니까?

감사합니다. 현재 HTML 마크 업으로 크리스

Answer 1

나는이 순수 CSS 가능합니다 모르겠어요. 그러나 jQuery를 조금 원하는 효과를 얻을 수 있습니다

​$(function(){ 
    var selectedLi = $("#navigation ul#home-nav li.grey"); 
    $("#navigation ul#home-nav").hover(function(){ 
     selectedLi.removeClass("selected"); 
    }, function(){ 
     selectedLi.addClass("selected"); 
    }); 
});​ 

참조 데모 : that..I에 대한 http://jsfiddle.net/b4fwQ/1/