How to swap - slideToggle two objects the same time?
<p>Currently we have the following jQuery to hide one option and show another. How can we give it a smoother transition where it slides/fades the old one up and slides/fades the new one in?</p>

<pre><code>function pdi_click() {
if ($('#weekendpass').is(":checked") == true) {
    $('.pdioption2').hide('fast');
    $('input[name=pdinotattending]').attr('checked', false);

    $('.pdioption1').show('fast');

} else {
    $('.pdioption1').hide('fast');
    $('input[name=pdiattending]').attr('checked', false);
    $('.pdioption2').show('fast');

}
</code></pre>

<p>Please see jsfiddle to recommend jQuery suggestions.</p>

<p><a href="http://jsfiddle.net/JoshSalway/8YSRm/" rel="nofollow">http://jsfiddle.net/JoshSalway/8YSRm/</a></p>
