Jquery - CSS 호버/포커스 비헤이비어를 keydown에 바인딩 할 수 있습니까?

Question

나는 내 질문에 간결해질 수 있기를 바랍니다.

내가 정의한 CSS가 있다고 가정 해 보겠습니다.

.someCSS-name:hover > .list-item, 
.someCSS-name:active > .list-item, 
.someCSS-name:focus > .list-item { display:block; } 

이제 내 jquery 코드에서 어떻게 위의 CSS를 사용하여 탭 언론을 만들거나 가능하게 할 수 있습니까? 탭 keypress가 CSS 동작을 상속 받도록 정렬 할 수 있습니까?

나는 아마도 여기에 지나치게 생각하고 있습니다. 내가 대신 명시 적으로 .. 내가 내 CSS를 사용할 수 있다고 기대했다 eventHandling 등을 저런 애의 ... 표시하는 팝업이 - 코드 조각, 링크에 기본적으로 사용자 탭이

<li class="someCSS-name" id="linkoneli"> 
    <a href="someURL" id="linkonenav">Link One</a> 
    <div class="list-item">show this content</div> 
</li> 

어떻게 든 내 탭/keypress .. 바인딩 된 될 수 있습니까? 그래서 탭

Answer 1

, 당신은 그 효과를 얻을 것입니다. 여기에 필요한 스 니펫이 있습니다.

#linkonenav:focus ~ .list-item { 
    display: block; 
} 

jsFiddle 당신의 리튬에`tabindex`을 추가 http://jsfiddle.net/greenrobo/eLCmM/

Answer 2

가장 쉬운 방법은 즉 호버링 CSS를 ON/OFF 설정됩니다 단지 키를 누를 때 너무

$('.myElements').toggleClass('someCSS'); 

에 .someCSS를 전환하는 것입니다 .. '호버'등과 같은 것입니다. 그냥 가져가가 켜지 어떤 스타일 전환하려는 오프, 단지 .active는 클래스에 그 스타일을 이동하고 그 클래스를 전환하면 대신 그래서

당신이 앵커 요소의 포커스 상태에 CSS 선택기를 사용 사실 경우

$('.someCSS').toggleClass('.active');