Jquery - is it possible to bind css hover/focus behaviours to keydown?
<p>I hope I can be succinct with my question.</p>

<p>Lets say I have some css defined.</p>

<pre><code>.someCSS-name:hover &gt; .list-item,
.someCSS-name:active &gt; .list-item,
.someCSS-name:focus &gt; .list-item { display:block; }
</code></pre>

<p>Now, in my jquery code how can I create or possible bind a tab press with that css above. Sorta have the tab keypress inherit that css behaviour?</p>

<p>Perhaps I am overthinking it here.</p>

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

<p>That is a snippet, basically a user tabs on that link - and I have a popup that shows.. but instead of explicitly eventHandling and poping it etc.. I was hoping that i could use my CSS to somehow become binded to my tab/keypress.. possible? So a tab would be the same as 'hover' etc..</p>
