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

Допустим, я определил некоторые CSS.

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

Теперь, в моем коде jquery, как я могу создать или возможно связать нажатие вкладки с этим CSS выше. Сорта есть клавиши табуляции наследуют это поведение CSS?

Возможно, я думаю об этом здесь.

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

Это фрагмент, в основном пользовательские вкладки по этой ссылке - и у меня есть всплывающее окно, которое показывает ... но вместо явного eventHandling и всплывающего его и т.д. нажатие клавиши ... возможно? Таким образом, вкладка будет такой же, как «зависание» и т. Д.

3
james emanon 25 Янв 2013 в 01:10

2 ответа

Лучший ответ

На самом деле, если вы используете селектор CSS для состояния фокуса якорного элемента, вы добьетесь этого эффекта. Вот фрагмент, который вам может понадобиться.

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

JsFiddle просто попробовать http://jsfiddle.net/greenrobo/eLCmM/

2
Chandu Dexter 24 Янв 2013 в 22:30

Самый простой способ - просто переключить .someCSS на нажатие клавиши, чтобы

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

Если это будет включать / выключать зависание css. Если вы просто хотите переключить стиль, который включается и выключается при наведении, просто переместите этот стиль в класс .active и переключите этот класс, чтобы

$('.someCSS').toggleClass('.active');
1
hobberwickey 24 Янв 2013 в 21:15