jquery Animate only once
<p>I have two radio buttons that, on click, display one of two content divs. Code for that: </p>

<pre><code>$("input[name='registrationType']").click(function () {
    var registrationType = $(this).attr('id');
    if (!registrationType) {
        return;
    }
    $("#contributorForm, #studentForm").hide();
    if (registrationType == "Student") {
        $("#studentForm").show();
    } else if (registrationType == "Contributor") {
        $("#contributorForm").show();
    }
});
</code></pre>

<p>I wanted to add a simple animation, <code>.show('slow')</code> to this process. As I thought about it though, I realized I only wanted it to use the animation the first time one of the radio buttons is clicked. Is there a way to do this without having to put in some logic to determine if it's the first click (e.g. before my hide logic, check to see if they're both hidden, which is the "on load" state), then coding something like this: </p>

<pre><code>if (registrationType == "Student") {
    if(firstClick) {
        $("#studentForm").show('slow');
    } else {
        $("#studentForm").show();
    }
}
</code></pre>

<p>Just seems like a lot of extra code for something that is relatively simple. </p>
