[jQuery] .click to start dropdown, hover out to clear (mixing the two)

[jQuery] .click to start dropdown, hover out to clear (mixing the two)


I've got a fairly simple form with a few dropdowns which I currently
trigger on hovers.
A use requested that instead of a hover, that the dropdowns be
triggered by a click event.
No problem, except that I need the dropdown to slideUp when the user
hovers out.
I've taken a look at the .hover documentation, but can't seem to
figure out how to specify the 'out' (though it does say that this
exists).
Here's the code I've got now
[code]
$('form#filterList span.holdDate').click(function(){
        $('span#datePickers, div.datepicker').slideDown('fast');
        },
        $('span#datePickers').hover('out', function(){
        $('#datePickers').slideUp('slow');
        });
    });
[/code]
unfortunately, i'm getting an error when running this function. I
figure it is more efficient to only run the 'hover' code within
the .click function, but maybe that isn't right.