Does jquery support beforeBlur / afterBlur events?
<p>I have a <code>&lt;input type="radio" /&gt;</code>, and a <code>&lt;select&gt;</code> following it, and I want show/hide this select element when the radio button is selected or unselected.</p>

<p>When I bind to the <code>blur</code> event, <code>jQuery(this).is(':checked')</code> says that the radio is still checked. (By the way is this browser specific behaviour?)</p>

<p>So is there a <code>beforeBlur</code>/<code>afterBlur</code>, <code>click</code>, <code>focus</code>, etc... function or hack I can use to capture the selected state of the radio input?</p>

<p>One idea is to set a timeout for the function that will change the visibility of the select element.</p>

<p>----EDIT----</p>

<p>so here the code:
<a href="http://jsfiddle.net/jHbwK/1/" rel="nofollow">http://jsfiddle.net/jHbwK/1/</a></p>

<pre><code>&lt;input type="radio" value="1" name="radio"&gt;
&lt;span style="display: none;"&gt;text1&lt;/span&gt;
&lt;br /&gt;
&lt;input type="radio" value="2" name="radio"&gt;
&lt;span style="display: none;"&gt;text2&lt;/span&gt;
</code></pre>

<p>and</p>

<pre><code>$('input[name="radio"]').change(function(){
    reset();
    if ($(this).is(':checked'))
        $(this).next().css('display','');
    else
        $(this).next().css('display','none');
});
function reset(){
    $('input[name="radio"]').next('span').css('display','none');
}
</code></pre>

<p>so when any event is fired up the item is still checked, and i want to know is there a way to make second part of "if" to work - </p>

<pre><code>else
    $(this).next().css('display','none');
</code></pre>

<p>it never runs</p>

<p>So, is it a browser-specific behaviour, or i can use something like "beforeBlur" and "afterBlur" events in javascript?</p>

<p>----EDIT----</p>

<p>Analogue of what i want is before and after triggers in RDBMS. Seems javascript only has a "before" trigger, am I right?</p>
