jQuery focusleave event?
<p>Hello i am trying to make a flydown that is accessible bythe keyboard and mouse users. When i hover over or focus on the li i show the fly down navigation. I then use the mouseleave function to close the flyout when i leave the fly down section. I am having trouble doing the same for keyboard users. The blur function isnt working how i want it. I need some sort of a focusleave function similar to mouseleave. Im also trying to build my own example and not use a plugin. Any suggestions?</p>

<p>Here is an example of what i have:</p>

<pre><code>&lt;ul id="top-nav-tabs"&gt;
      &lt;li class="top-nav-tab"&gt;
        &lt;a href="#"&gt;Ex1&lt;/a&gt;
        &lt;div class="sublevel"&gt;
            &lt;ul class="sublevel-nav"&gt;
        &lt;li&gt;Test&lt;/li&gt;
        &lt;li&gt;test&lt;/li&gt;
        &lt;li&gt;test&lt;/li&gt;
        &lt;li&gt;test&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/li&gt;   &lt;li class="top-nav-tab"&gt;
        &lt;a href="#"&gt;Ex2&lt;/a&gt;
        &lt;div class="sublevel"&gt;
            &lt;ul class="sublevel-nav"&gt;
        &lt;li&gt;Test&lt;/li&gt;
        &lt;li&gt;test&lt;/li&gt;
        &lt;li&gt;test&lt;/li&gt;
        &lt;li&gt;test&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/li&gt;
</code></pre>

<p></p>
